@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Mono:wght@300;400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #c8f060;--accent-light: #2d6a1f}.theme-dark{--bg: #0a0a08;--fg: #f0ece0;--muted: #5a5a50}.theme-light{--bg: rgba(245, 242, 232, .55);--fg: #0a0a08;--muted: #9a9a8a;--accent: var(--accent-light)}.theme-dark,.theme-light{min-height:100%;color:var(--fg);transition:color .3s ease;background:transparent}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:DM Mono,monospace;overflow:hidden}.container{position:relative;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;padding:0 8vw;overflow:hidden}@media(max-width:768px){.container{justify-content:flex-start;padding-top:20vh}}.noise{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:10;opacity:.6}.container:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(200,240,96,.06) 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%;animation:drift 12s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,40px) scale(1.1)}}.content{max-width:900px;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.line-accent{width:48px;height:2px;background:var(--accent);margin-bottom:2.5rem;animation:expand .8s cubic-bezier(.16,1,.3,1) .2s both;transform-origin:left}@keyframes expand{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.headline{font-family:Playfair Display,serif;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:900;line-height:1.08;letter-spacing:-.02em;color:var(--fg);margin-bottom:3rem;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .15s both}.roles{display:flex;flex-direction:column;gap:1rem;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .3s both}.role{display:flex;align-items:center;gap:.75rem;font-family:DM Mono,monospace;font-weight:300;font-size:clamp(.8rem,1.5vw,1rem);letter-spacing:.01em}.role.current{color:var(--fg)}.role.previous{color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:pulse 2.5s ease-in-out infinite}.dot.muted{background:var(--muted);animation:none}@keyframes pulse{0%,to{box-shadow:0 0 #c8f06066}50%{box-shadow:0 0 0 5px #c8f06000}}.footer{position:fixed;bottom:calc(2.5rem + env(safe-area-inset-bottom));left:8vw;right:50%;font-family:DM Mono,monospace;font-size:.7rem;color:var(--muted);letter-spacing:.08em;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .5s both;display:flex;flex-direction:column;gap:.4rem}.footer-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-sep{display:none}.footer a{color:var(--muted);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--accent)}.theme-toggle{position:fixed;bottom:calc(2.5rem + env(safe-area-inset-bottom));right:8vw;top:unset;background:transparent;border:1px solid var(--muted);color:var(--fg);font-size:.85rem;width:2.2rem;height:2.2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease;z-index:20}