:root{--ysec-neon: #f5e11c;--ysec-violet: #7a2bd6;--ysec-violet-deep: #3d1066;--ysec-bg: #0a0a0e;--ysec-ink: #f8f8f4;--ysec-ink-dim: #a8a8b3;--ysec-surface: #121218;--ysec-surface-2: #1a1a24;--ysec-border: #2a2a36;--ysec-primary: var(--ysec-violet);--ysec-accent: var(--ysec-neon);--ysec-text: var(--ysec-ink);--ysec-text-dim: var(--ysec-ink-dim);--ysec-danger: #ff4d6d;--ysec-security: var(--ysec-violet);--ysec-experience: var(--ysec-neon);--ysec-control: var(--ysec-violet-deep);--ysec-font-display: "Clash Display", "Space Grotesk", system-ui, sans-serif;--ysec-font-body: "Space Grotesk", system-ui, sans-serif;--ysec-font-mono: "JetBrains Mono", ui-monospace, monospace;--ysec-kicker-tracking: .32em;--ysec-radius: 12px;--ysec-glow-security: 0 0 28px rgba(122, 43, 214, .45);--ysec-glow-experience: 0 0 28px rgba(245, 225, 28, .35);--ysec-glow-control: 0 0 28px rgba(61, 16, 102, .55);--ysec-glow-accent: 0 0 36px rgba(245, 225, 28, .28);--ysec-glow-violet: 0 0 48px rgba(122, 43, 214, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--ysec-font-body);background:var(--ysec-bg);color:var(--ysec-text)}.shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;overflow:hidden}.mesh{position:absolute;inset:0;z-index:0;pointer-events:none}.mesh-svg{width:100%;height:100%;opacity:.9}.flow{stroke-dasharray:8 10;animation:dash 8s linear infinite}.flow.security{stroke:var(--ysec-security)}.flow.experience{stroke:var(--ysec-experience)}.flow.control{stroke:var(--ysec-control)}.node{fill:var(--ysec-surface-2);stroke-width:2;animation:pulse 2.8s ease-in-out infinite}.node.security{stroke:var(--ysec-security);filter:drop-shadow(var(--ysec-glow-security))}.node.experience{stroke:var(--ysec-experience);filter:drop-shadow(var(--ysec-glow-experience));animation-delay:.4s}.node.control{stroke:var(--ysec-control);filter:drop-shadow(var(--ysec-glow-control));animation-delay:.8s}.node.accent{stroke:var(--ysec-accent);filter:drop-shadow(var(--ysec-glow-accent));animation-delay:1.2s}.mesh-label{position:absolute;left:1.25rem;bottom:1.25rem;font-family:var(--ysec-font-mono);font-size:.7rem;letter-spacing:var(--ysec-kicker-tracking);text-transform:uppercase;color:var(--ysec-text-dim)}.panel{position:relative;z-index:1;width:min(420px,100%);padding:2rem;border-radius:calc(var(--ysec-radius) + 4px);background:color-mix(in srgb,var(--ysec-surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--ysec-border) 70%,var(--ysec-violet));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--ysec-glow-violet),0 24px 60px #0000008c;animation:rise .7s ease-out}.brand{text-align:center;margin-bottom:1.5rem}.brand-mark{width:56px;height:56px;object-fit:contain;margin:0 auto .85rem;display:block;filter:drop-shadow(var(--ysec-glow-accent));animation:pulse 3.2s ease-in-out infinite}.kicker{margin:0 0 .5rem;font-family:var(--ysec-font-mono);font-size:.65rem;letter-spacing:var(--ysec-kicker-tracking);text-transform:uppercase;color:var(--ysec-neon)}.wordmark{margin:0;font-family:var(--ysec-font-display);font-size:clamp(1.85rem,4.5vw,2.4rem);font-weight:700;letter-spacing:-.03em;color:var(--ysec-ink)}.wordmark .neon{color:var(--ysec-neon)}.brand h1{margin:.4rem 0 0;font-family:var(--ysec-font-body);font-size:1rem;font-weight:500;color:var(--ysec-text-dim)}.tagline{margin:.75rem 0 0;font-family:var(--ysec-font-body);font-size:.8rem;color:var(--ysec-text-dim)}.tagline strong{color:var(--ysec-neon);font-weight:600}.authed{display:grid;gap:.75rem;text-align:center}.hello{margin:0;font-size:1.1rem}.mono{margin:0;font-family:var(--ysec-font-mono);font-size:.85rem;color:var(--ysec-neon)}.mono.dim{color:var(--ysec-text-dim);font-size:.75rem;word-break:break-all}.desk{display:grid;gap:1rem;text-align:left}.desk-block{border:1px solid var(--ysec-border);border-radius:var(--ysec-radius);padding:.9rem;background:color-mix(in srgb,var(--ysec-bg) 55%,transparent)}.desk-block h2{margin:0 0 .65rem;font-size:.95rem;color:var(--ysec-neon)}.list{list-style:none;margin:0 0 .75rem;padding:0;display:grid;gap:.4rem}.list li{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.ghost{font:inherit;font-size:.75rem;color:var(--ysec-text-dim);background:transparent;border:1px solid var(--ysec-border);border-radius:999px;padding:.25rem .55rem;cursor:pointer}.break{word-break:break-all}.tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:1.25rem}.tab{font:inherit;border:1px solid var(--ysec-border);background:transparent;color:var(--ysec-text-dim);border-radius:999px;padding:.55rem .75rem;cursor:pointer}.tab.active{color:var(--ysec-bg);border-color:var(--ysec-neon);background:var(--ysec-neon);font-weight:600}.form{display:grid;gap:.9rem}label{display:grid;gap:.35rem;font-size:.85rem;color:var(--ysec-text-dim)}input{font:inherit;color:var(--ysec-text);background:var(--ysec-bg);border:1px solid var(--ysec-border);border-radius:var(--ysec-radius);padding:.75rem .9rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--ysec-violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--ysec-violet) 35%,transparent)}.cta{margin-top:.35rem;font-family:var(--ysec-font-display);font-weight:700;border:none;border-radius:var(--ysec-radius);padding:.85rem 1rem;cursor:pointer;color:var(--ysec-bg);background:var(--ysec-neon);box-shadow:var(--ysec-glow-accent);transition:transform .15s ease,filter .15s ease}.cta:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.cta:disabled{opacity:.7;cursor:wait}.status{margin:1rem 0 0;font-size:.85rem;color:var(--ysec-neon);text-align:center}.foot{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}.pill{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .55rem;border-radius:999px;border:1px solid var(--ysec-border)}.pill.security{color:var(--ysec-security);border-color:color-mix(in srgb,var(--ysec-security) 50%,var(--ysec-border))}.pill.experience{color:var(--ysec-experience);border-color:color-mix(in srgb,var(--ysec-experience) 50%,var(--ysec-border))}.pill.control{color:var(--ysec-control);border-color:color-mix(in srgb,var(--ysec-control) 50%,var(--ysec-border))}@keyframes dash{to{stroke-dashoffset:-120}}@keyframes pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.15);opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.panel{padding:1.5rem 1.15rem}}