:root{--bg:#05060a;--ink:#eef0ff;--violet:#8a5cff;--cyan:#4ee6d8;--magenta:#ff5cb3}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;overflow-x:hidden}body{min-height:100dvh;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;display:flex}a{color:inherit}canvas{display:block;position:fixed;inset:0}#field{z-index:1}#grain{z-index:2;opacity:.05;mix-blend-mode:overlay;pointer-events:none}.vignette{z-index:3;pointer-events:none;background:radial-gradient(#0000 40%,#0000008c 100%);position:fixed;inset:0}main{z-index:4;text-align:center;-webkit-user-select:none;user-select:none;padding:2rem;position:relative}h1{letter-spacing:.35em;text-transform:uppercase;background:linear-gradient(100deg, var(--cyan), var(--ink) 45%, var(--magenta) 75%, var(--violet));color:#0000;text-shadow:0 0 60px #8a5cff40;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.9rem,6vw,4.2rem);font-weight:600;animation:9s ease-in-out infinite sheen,1.6s both fade-in}p.tag{letter-spacing:.5em;text-transform:uppercase;color:#eef0ff61;margin:1.1rem 0 0;font-size:.72rem;animation:2.5s .4s both fade-in}@keyframes sheen{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fade-in{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){h1{animation:none}p.tag{opacity:1;animation:none}.tool-badge-dot{animation:none}}#login-cta{letter-spacing:.32em;text-transform:uppercase;color:var(--ink);background:linear-gradient(100deg,#8a5cff2e,#4ee6d81f);border:1px solid #eef0ff4d;border-radius:999px;margin-top:1.75rem;padding:.75rem 2.2rem;font-size:.72rem;text-decoration:none;transition:border-color .25s,transform .25s;animation:1.8s .7s both fade-in;display:inline-block}#login-cta:hover{border-color:#8a5cff99;transform:translateY(-1px)}#tools{z-index:4;width:100%;max-width:72rem;margin-top:3rem;padding:0 1.5rem 4rem;animation:1.8s .3s both fade-in;position:relative}.tools-heading{text-align:center;letter-spacing:.5em;text-transform:uppercase;color:#eef0ff61;margin:0 0 1.5rem;font-size:.68rem}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.1rem;display:grid}.tool-card{background:#eef0ff08;border:1px solid #eef0ff24;border-radius:16px;flex-direction:column;gap:.6rem;padding:1.4rem;transition:border-color .25s,background .25s;display:flex}.tool-card:hover,.tool-card:focus-within{background:#eef0ff0f;border-color:#8a5cff8c}.tools-subsection{margin-top:3rem}.tools-subsection .tools-grid{max-width:46rem;margin-inline:auto}.tool-card--wip{background:linear-gradient(140deg,#8a5cff1a,#ff5cb30d 55%,#eef0ff05);border-style:dashed;border-color:#8a5cff6b}.tool-card--wip:hover,.tool-card--wip:focus-within{background:linear-gradient(140deg,#8a5cff29,#ff5cb314 55%,#eef0ff0a);border-color:#8a5cffcc}.tool-badge{letter-spacing:.24em;text-transform:uppercase;color:#eef0ffd1;background:#8a5cff1f;border:1px solid #8a5cff73;border-radius:999px;align-self:flex-start;align-items:center;gap:.45rem;padding:.3rem .7rem;font-size:.58rem;display:inline-flex}.tool-badge-dot{background:var(--magenta);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite badge-pulse;box-shadow:0 0 8px #ff5cb3e6}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.3}}.tool-card h3{letter-spacing:.03em;margin:0;font-size:.95rem;font-weight:600}.tool-card p{color:#eef0ff9e;margin:0;font-size:.8rem;line-height:1.55}.tool-endpoint{flex-direction:column;gap:.3rem;margin:.2rem 0;display:flex}.tool-endpoint-label{letter-spacing:.22em;text-transform:uppercase;color:#eef0ff66;font-size:.62rem}.tool-endpoint code{word-break:break-all;color:var(--ink);background:#eef0ff0f;border:1px solid #eef0ff1a;border-radius:8px;padding:.5rem .65rem;font-size:.76rem;line-height:1.4;display:block}.tool-details{font-size:.78rem}.tool-details summary{cursor:pointer;color:#eef0ffbf;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}.tool-details ol{color:#eef0ff9e;flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding-left:1.1rem;line-height:1.5;display:flex}.tool-details code{background:#eef0ff14;border-radius:4px;padding:.1rem .35rem;font-size:.78rem}.tool-link{letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-top:auto;padding-top:.4rem;font-size:.64rem;text-decoration:none}.tool-link:hover{text-decoration:underline}#auth{z-index:5;letter-spacing:.28em;text-transform:uppercase;color:#eef0ff80;align-items:center;gap:.75rem;font-size:.68rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}#auth a{letter-spacing:.28em;text-transform:uppercase;color:#eef0ffcc;border:1px solid #eef0ff40;border-radius:999px;padding:.5rem 1rem;font-size:.68rem;text-decoration:none;transition:background .2s,color .2s}#auth a:hover{color:var(--ink);background:#eef0ff1a}