:root{--bg: #07080a;--ink: #f2f4f5;--muted: #b7bcc0;--accent: #f2f4f5}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Outfit,sans-serif;min-height:100svh;overflow:hidden;position:relative}#root{min-height:100svh;display:flex;flex-direction:column;position:relative}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(46% 42% at 50% 50%,#060709f0,#060709b3 42%,#06070900 75%),linear-gradient(180deg,#06070980,#06070914 26%,#06070914 74%,#06070980)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.frame{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid rgba(243,239,230,.1);pointer-events:none;z-index:2}header,footer{position:relative;z-index:3;padding:40px clamp(28px,6vw,80px);display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px 14px rgba(0,0,0,.75)}main{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}.eyebrow{font-size:12px;letter-spacing:.5em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(22px,4vw,36px);opacity:0;text-shadow:0 1px 18px rgba(0,0,0,.7);animation:rise 1.1s cubic-bezier(.2,.7,.2,1) .2s forwards}h1{font-family:Cormorant Garamond,serif;font-weight:400;line-height:.94;letter-spacing:.01em;font-size:clamp(3.4rem,13vw,11rem);text-shadow:0 2px 30px rgba(0,0,0,.85),0 0 60px rgba(0,0,0,.5)}h1 .line{display:block;overflow:hidden}h1 .line span{display:block;transform:translateY(110%);animation:reveal 1.3s cubic-bezier(.16,1,.3,1) forwards}h1 .line:nth-child(1) span{animation-delay:.35s}h1 .line:nth-child(2) span{animation-delay:.55s;font-style:italic;font-weight:300;color:var(--accent)}.rule{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:clamp(28px,5vw,48px) auto 0;animation:grow 1.4s cubic-bezier(.16,1,.3,1) 1s forwards}footer{font-size:10px}.langs{display:flex;gap:18px;align-items:center}.langs button{background:none;border:none;color:var(--muted);font-family:inherit;font-size:11px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;padding:2px 0;position:relative;transition:color .35s ease}.langs button:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.16,1,.3,1)}.langs button:hover{color:var(--ink)}.langs button[aria-current=true]{color:var(--accent)}.langs button[aria-current=true]:after{transform:scaleX(1)}@keyframes reveal{to{transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{to{width:min(220px,40vw)}}@media (max-width: 600px){.frame{top:14px;right:14px;bottom:14px;left:14px}header,footer{padding:28px 22px}.langs{gap:12px}.langs button{letter-spacing:.2em}}