:root{--ink:#1a2332;--ink-soft:#3d4a5c;--mist:#e4ebf0;--fog:#c5d4de;--sea:#5a7a8a;--foam:#f2f6f8;--accent:#2d6a6a;--font-display:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--font-body:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background-color:var(--mist)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{min-height:100dvh;overflow-x:hidden}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%,-2%)scale(1.05)}}@keyframes drift-alt{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-4%,3%)scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse-soft{0%,to{opacity:.45}50%{opacity:.7}}.page{background:radial-gradient(ellipse 80% 60% at 20% 30%, #5a7a8a2e, transparent 55%), radial-gradient(ellipse 70% 50% at 85% 70%, #2d6a6a1f, transparent 50%), linear-gradient(165deg, var(--foam) 0%, var(--mist) 45%, var(--fog) 100%);place-items:center;min-height:100dvh;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.page:before{content:"";opacity:.4;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.orb{filter:blur(60px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite pulse-soft;position:absolute}.orb--one{background:#5a7a8a59;width:min(55vw,420px);height:min(55vw,420px);animation:18s ease-in-out infinite drift,8s ease-in-out infinite pulse-soft;top:-8%;right:-5%}.orb--two{background:#2d6a6a38;width:min(45vw,340px);height:min(45vw,340px);animation:22s ease-in-out infinite drift-alt,10s ease-in-out 1s infinite pulse-soft;bottom:-10%;left:-8%}.content{z-index:1;flex-direction:column;align-items:flex-start;width:100%;max-width:36rem;display:flex;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-size:clamp(1.25rem,5.5vw,4rem);font-weight:700;line-height:1.1;animation:.9s cubic-bezier(.22,1,.36,1) both rise}.rule{background:var(--accent);transform-origin:0;width:3.5rem;height:2px;margin:1.5rem 0 1.75rem;animation:.9s cubic-bezier(.22,1,.36,1) .15s both rise,.7s cubic-bezier(.22,1,.36,1) .55s both draw;display:block}.headline{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:clamp(.95rem,2.2vw,1.05rem);font-weight:600;animation:.9s cubic-bezier(.22,1,.36,1) .25s both rise}.email{color:var(--ink-soft);border-bottom:1px solid #0000;margin-top:1.5rem;font-size:clamp(.95rem,2.2vw,1.05rem);font-weight:400;text-decoration:none;transition:color .2s,border-color .2s;animation:.9s cubic-bezier(.22,1,.36,1) .4s both rise}.email:hover,.email:focus-visible{color:var(--ink);border-bottom-color:var(--accent);outline:none}@media (prefers-reduced-motion:reduce){.orb,.brand,.rule,.headline,.email{animation:none}.rule{transform:none}}