.navbar{position:fixed;top:0;left:0;width:100%;height:80px;z-index:100;display:flex;align-items:center;justify-content:center;padding:0 80px;background:transparent;transition:background .6s cubic-bezier(.25,1,.5,1),backdrop-filter .6s cubic-bezier(.25,1,.5,1)}.navbar--scrolled{background:#0a0e1a66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(90,106,138,.1)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px}.navbar__links{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}.navbar__item{display:flex;align-items:center}.navbar__item:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#c8a45c;margin:0 24px}.navbar__link{font-family:Space Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#8a9ab8;text-decoration:none;transition:color .3s cubic-bezier(.25,1,.5,1);cursor:pointer}.navbar__link:hover{color:#e8ecf4}.navbar__link--active{color:#e8ecf499}.navbar__logo{cursor:pointer;text-decoration:none;flex-shrink:0;transition:opacity .6s cubic-bezier(.25,1,.5,1)}.navbar--logo-hidden .navbar__logo{opacity:0;pointer-events:none}.navbar__logo-img{height:32px;width:auto;filter:brightness(.9);transition:filter .3s cubic-bezier(.25,1,.5,1)}.navbar__logo-img:hover{filter:brightness(1.1)}@media(max-width:768px){.navbar{padding:0 20px;height:64px}.navbar__inner{justify-content:center}.navbar__links{display:none}}.hero{position:relative;width:100%;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#0d152599,#0a0e1a 50%)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.7) 100%)}.hero__canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero__glow{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(123,107,165,.08) 0%,rgba(26,30,46,.04) 40%,transparent 70%);filter:blur(80px);animation:glow-pulse 8s ease-in-out infinite}.hero__spotlight{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-55%);z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(192,200,224,.25) 0%,rgba(123,107,165,.1) 35%,transparent 65%);filter:blur(50px);animation:spotlight-pulse 6s ease-in-out infinite}@keyframes spotlight-pulse{0%,to{opacity:.7;transform:translate(-50%,-55%) scale(1)}50%{opacity:1;transform:translate(-50%,-55%) scale(1.1)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.15)}}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.hero__label{font-family:Space Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#c8a45c;letter-spacing:.35em;margin-bottom:16px}.hero__name{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(48px,8vw,120px);font-weight:300;color:#e8ecf4;letter-spacing:.02em;line-height:1}.hero__name .char{display:inline-block;will-change:transform,opacity}.hero__arrow{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center;visibility:hidden}.hero__arrow--animate{animation:arrow-bounce 2s ease-in-out infinite}.hero__arrow svg{width:16px;height:16px;fill:none;stroke:#8a9ab8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes arrow-bounce{0%,to{transform:translate(-50%) translateY(0);opacity:.6}50%{transform:translate(-50%) translateY(6px);opacity:1}}.hero__subtitle{font-family:Space Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#d7be8a;margin-top:20px;letter-spacing:.35em;text-shadow:0 0 20px rgba(200,164,92,.3)}.hero__indicator{position:absolute;left:80px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:16px}.hero__indicator span{font-family:Space Grotesk,-apple-system,sans-serif;font-size:14px;color:#8a9ab8}.hero__indicator:after{content:"";display:block;width:60px;height:1px;background-color:#5a6a8a}.hero__nav-right{position:absolute;right:80px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:20px}.hero__nav-right .play-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.hero__nav-right .play-btn svg{width:14px;height:14px;fill:#8a9ab8}.hero__nav-right .circular-progress{width:40px;height:40px}.hero__nav-right .circular-progress svg{width:100%;height:100%}.hero__nav-right .circular-progress svg circle{fill:none;stroke-width:1.5}.hero__nav-right .circular-progress svg circle.track{stroke:#5a6a8a4d}.hero__nav-right .circular-progress svg circle.fill{stroke:#c8a45c;stroke-dasharray:113;stroke-dashoffset:85;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}@media(max-width:768px){.hero__indicator,.hero__nav-right{display:none}.hero__glow{width:300px;height:300px}.hero__canvas{height:55%;top:15%}.hero__content{justify-content:flex-end;padding-bottom:100px}}.footer{padding:40px 0;border-top:1px solid rgba(90,106,138,.2)}.footer__inner{max-width:1320px;margin:0 auto;padding:0 80px}@media(max-width:768px){.footer__inner{padding:0 20px}}.footer__inner{display:flex;align-items:center;justify-content:space-between}.footer__social{display:flex;gap:16px}.footer__social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#8a9ab8;transition:color .3s;text-decoration:none}.footer__social a:hover{color:#e8ecf4}.footer__social a svg{width:18px;height:18px;fill:currentColor}.footer__logo img{height:28px;width:auto;opacity:.7}.footer__nav{display:flex;gap:32px}.footer__nav a{font-family:Space Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;font-size:12px;color:#8a9ab8;transition:color .3s;text-decoration:none}.footer__nav a:hover{color:#e8ecf4}.footer__bottom{max-width:1320px;margin:0 auto;padding:0 80px}@media(max-width:768px){.footer__bottom{padding:0 20px}}.footer__bottom{display:flex;justify-content:center;gap:32px;margin-top:20px;padding-top:20px}.footer__bottom span{font-family:Space Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;font-size:10px;color:#8a9ab8}@media(max-width:768px){.footer__inner{flex-direction:column;gap:24px;text-align:center}.footer__logo{display:none}.footer__nav{gap:20px;flex-wrap:wrap;justify-content:center}.footer__bottom{gap:16px;flex-wrap:wrap;justify-content:center}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Space Grotesk,-apple-system,sans-serif;background:#04060a;color:#e8ecf4;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}::selection{background:#4ecdc44d;color:#e8ecf4}.reveal{opacity:0;transform:translateY(40px)}.reveal-active{opacity:1;transform:translateY(0)}