@import"https://fonts.googleapis.com/css2?family=Chivo+Mono:wght@300;400;500&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:dark;--bg: #0B0C0F;--bg-rgb: 11,12,15;--panel: #131519;--panel2: #1B1E24;--line: rgba(238,242,246,.1);--line2: rgba(34,211,238,.32);--grey: #78828E;--grey2: #AEB8C4;--paper: #EEF2F6;--paper-rgb: 238,242,246;--ac: #22D3EE;--ac-rgb: 34,211,238;--ac2: #67E8F9;--ok: #34D399;--bad: #FB7185;--glow: rgba(34,211,238,.32);--ease: cubic-bezier(.2,.9,.2,1);--mono: "Chivo Mono", ui-monospace, monospace;--disp: "Space Grotesk", system-ui, sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #FFFFFF;--bg-rgb: 255,255,255;--panel: #F6F8FA;--panel2: #EDF1F5;--line: rgba(11,12,15,.14);--line2: rgba(11,126,150,.4);--grey: #55606C;--grey2: #2B333C;--paper: #0B0C0F;--paper-rgb: 11,12,15;--ac: #0B7E96;--ac-rgb: 11,126,150;--ac2: #0891B2;--ok: #0B8A5B;--bad: #C62828;--glow: rgba(11,126,150,.2)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--mono);overflow:hidden}#gears{position:fixed;inset:0;width:100%;height:100%;display:block}.vig{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 62% 58% at 50% 50%,transparent 8%,rgba(var(--bg-rgb),.9) 70%)}.themebtn{position:fixed;right:1rem;bottom:1rem;z-index:4;display:grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--grey);cursor:pointer;transition:color .25s var(--ease),border-color .25s var(--ease),transform .35s var(--ease)}.themebtn:hover{color:var(--ac);border-color:var(--line2);transform:rotate(25deg)}.themebtn:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.themebtn svg{grid-area:1 / 1;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;transition:opacity .3s var(--ease),transform .4s var(--ease)}.t-sun{opacity:1;transform:none}.t-moon{opacity:0;transform:scale(.4) rotate(-90deg)}:root[data-theme=light] .t-sun{opacity:0;transform:scale(.4) rotate(90deg)}:root[data-theme=light] .t-moon{opacity:1;transform:none}.gate{position:relative;z-index:2;display:grid;place-items:center;min-height:100%;padding:1.5rem}.card{width:min(100%,30rem);padding:1.9rem 1.9rem 1.5rem;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:blur(18px);box-shadow:0 0 0 1px rgba(var(--ac-rgb),.05),0 30px 90px -30px rgba(var(--bg-rgb),.95),0 0 60px -20px var(--glow);animation:rise .8s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.985);filter:blur(6px)}}.card.bad{animation:shake .42s cubic-bezier(.36,.07,.19,.97);border-color:var(--bad)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.card.ok{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 0 90px -10px var(--glow)}.crown{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem}.crown .mark{width:1.25rem;height:1.25rem;flex:0 0 auto;fill:var(--ac);filter:drop-shadow(0 0 7px var(--glow));animation:turn 9s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.crown .ttl{font-family:var(--disp);font-weight:700;letter-spacing:.22em;font-size:.85rem;color:var(--paper)}.crown .ttl em{font-style:normal;font-weight:500;color:var(--ac)}.crown .ver{margin-left:auto;color:var(--grey);font-size:.52rem;letter-spacing:.16em;text-transform:uppercase}.boot{list-style:none;margin:0 0 1.4rem;padding:0;min-height:4.2rem}.boot li{color:var(--grey);font-size:.6rem;line-height:1.5;letter-spacing:.02em;opacity:0;animation:fadein .3s ease forwards}.boot li b{color:var(--ac);font-weight:400}.boot li.done:after{content:" ok";color:var(--ok)}@keyframes fadein{to{opacity:1}}form label{display:block;margin-bottom:.5rem;color:var(--grey);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase}.field{display:flex;align-items:center;gap:.5rem;padding-left:.7rem;border:1px solid var(--line);background:rgba(var(--bg-rgb),.6);transition:border-color .25s,box-shadow .25s}.field:focus-within{border-color:var(--ac);box-shadow:0 0 22px -6px var(--glow)}.field .caret{color:var(--ac);font-size:.8rem;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:.15}}.field input{flex:1;min-width:0;padding:.78rem 0;border:0;outline:0;background:transparent;color:var(--paper);font-family:var(--mono);font-size:.85rem;letter-spacing:.32em}.field button{display:flex;align-items:center;gap:.45rem;align-self:stretch;padding:0 1rem;border:0;border-left:1px solid var(--line);background:rgba(var(--ac-rgb),.07);color:var(--ac);font-family:var(--mono);font-size:.62rem;cursor:pointer;transition:background .22s,color .22s}.field button:hover{background:var(--ac);color:var(--bg)}.field button:disabled{opacity:.5;cursor:default}.field button i{font-style:normal;opacity:.7}.msg{margin:.7rem 0 0;min-height:1rem;font-size:.6rem;letter-spacing:.04em;color:var(--grey)}.msg.err{color:var(--bad)}.msg.good{color:var(--ok)}.hair{height:1px;margin:1.3rem 0 .9rem;background:var(--line)}.foot{margin:0;color:var(--grey);font-size:.52rem;letter-spacing:.06em}@media(max-width:900px),(pointer:coarse){.field button,.themebtn{min-height:44px}.themebtn{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){:root:not([data-motion]) .card,:root:not([data-motion]) .crown .mark,:root:not([data-motion]) .field .caret,:root:not([data-motion]) .boot li{animation:none;opacity:1}}:root[data-motion=reduced] .card,:root[data-motion=reduced] .crown .mark,:root[data-motion=reduced] .field .caret,:root[data-motion=reduced] .boot li{animation:none;opacity:1}
