.noctis{--n-bg:#050505;--n-ocean:#08121f;--n-gold:#d4b06a;--n-silver:#e8e5e1;--n-crimson:#8b1127;--n-parchment:#dccfb8;background:var(--n-bg);color:var(--n-silver);position:relative;isolation:isolate;overflow-x:hidden}.noctis h1,.noctis h2,.noctis h3{font-weight:400}.noctis-moon{position:absolute;top:6%;left:50%;transform:translateX(-50%);width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f8f4e8 0,var(--n-silver) 35%,var(--n-gold) 78%,transparent 100%);box-shadow:0 0 60px 20px hsla(40,55%,62%,.32),0 0 140px 60px hsla(40,55%,62%,.14);animation:noctisMoonPulse 8s ease-in-out infinite;z-index:1}@keyframes noctisMoonPulse{0%,to{box-shadow:0 0 60px 20px hsla(40,55%,62%,.28),0 0 140px 60px hsla(40,55%,62%,.12)}50%{box-shadow:0 0 80px 30px hsla(40,55%,62%,.42),0 0 180px 80px hsla(40,55%,62%,.2)}}.noctis-sand{position:absolute;bottom:0;left:0;right:0;height:14%;background:linear-gradient(to bottom,transparent,var(--n-bg) 90%);z-index:2}.noctis-star{position:absolute;border-radius:50%;background:var(--n-silver);animation-name:noctisTwinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes noctisTwinkle{0%,to{opacity:.12}50%{opacity:.9}}.noctis-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,hsla(40,55%,62%,.95) 0,hsla(38,34%,79%,.4) 45%,transparent 100%);filter:blur(1px);animation-name:noctisDrift;animation-timing-function:ease-in;animation-iteration-count:infinite;opacity:0;z-index:2}@keyframes noctisDrift{0%{opacity:0;transform:translateY(0) translateX(0) scale(.7)}12%{opacity:.7}50%{opacity:.45;transform:translateY(-140px) translateX(var(--n-drift,0)) scale(1)}88%{opacity:.15}to{opacity:0;transform:translateY(-260px) translateX(var(--n-drift,0)) scale(.5)}}.noctis-countdown-blend:before{content:"";position:absolute;left:0;right:0;top:-200px;height:200px;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(5,5,5,0) 0,rgba(8,18,31,.35) 35%,rgba(8,18,31,.78) 70%,#050505)}.noctis-countdown-stars{position:absolute;left:0;right:0;top:-140px;bottom:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 55%);mask-image:linear-gradient(180deg,transparent 0,#000 55%)}.noctis-gold-text{background:linear-gradient(120deg,#b98a44,var(--n-gold) 35%,#f2dfb0 50%,var(--n-gold) 65%,#b98a44);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 6px hsla(39,83%,76%,.9),0 0 16px hsla(40,55%,62%,.6),0 0 36px hsla(40,55%,62%,.35)}.noctis-body-glow{color:#fff;text-shadow:0 0 6px hsla(0,0%,100%,.85),0 0 16px hsla(0,0%,100%,.55),0 0 34px hsla(0,0%,100%,.3)}.noctis-vampire-glow{text-shadow:0 0 8px #ff2840,0 0 20px rgba(220,20,50,.8),0 0 44px rgba(180,15,43,.5)}.noctis-unclip{overflow:visible;height:auto;max-height:none;clip-path:none;-webkit-mask-image:none;mask-image:none}.noctis-btn-primary{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.25rem;font-family:var(--font-serif);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#1a1206;background:linear-gradient(135deg,#b98a44,var(--n-gold) 45%,#e8cd94 55%,var(--n-gold) 70%,#b98a44);border-radius:2px;box-shadow:0 4px 24px hsla(40,55%,62%,.25),inset 0 0 0 1px hsla(40,55%,62%,.4);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:none;text-decoration:none}.noctis-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px hsla(40,55%,62%,.4),inset 0 0 0 1px hsla(40,55%,62%,.6)}.noctis-btn-primary:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,hsla(0,0%,100%,.55),transparent);transform:skewX(-20deg);transition:left .7s ease}.noctis-btn-primary:hover:after{left:130%}.noctis-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.25rem;font-family:var(--font-serif);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--n-silver);background:transparent;border:1px solid hsla(40,55%,62%,.5);border-radius:2px;transition:all .3s ease;cursor:pointer;text-decoration:none}.noctis-btn-secondary:hover{border-color:var(--n-gold);background:hsla(40,55%,62%,.08);color:var(--n-gold);box-shadow:0 0 24px hsla(40,55%,62%,.15)}.noctis-card{position:relative;border:1px solid hsla(40,55%,62%,.22);background:linear-gradient(160deg,rgba(8,18,31,.85),rgba(5,5,5,.92));border-radius:4px;box-shadow:0 8px 40px rgba(0,0,0,.5);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.noctis-card:hover{transform:translateY(-6px);border-color:hsla(40,55%,62%,.55);box-shadow:0 16px 60px rgba(0,0,0,.6),0 0 40px hsla(40,55%,62%,.15)}.noctis-celestial-glow{filter:drop-shadow(0 0 10px rgba(212,176,106,.5)) drop-shadow(0 0 20px rgba(212,176,106,.25))}.noctis-reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.noctis-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.noctis-reveal{opacity:1;transform:none;transition:none}.noctis-moon,.noctis-particle,.noctis-star{animation:none!important}}