@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--ink:#0e0e0e;--paper:#ede8de;--orange:#ff4b24;--pink:#ff2db2;--acid:#dfff2f;--accent:var(--orange);--rule:color-mix(in srgb,var(--paper) 34%,transparent);--dim:color-mix(in srgb,var(--paper) 58%,var(--ink));--display:"Archivo Black",Impact,sans-serif;--mono:"IBM Plex Mono",monospace}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:320px;min-height:100dvh;background:var(--ink);color:var(--paper);font:15px/1.5 var(--mono);-webkit-font-smoothing:antialiased}a{color:inherit}.shell{width:min(1120px,calc(100% - 28px));margin:auto}.top{height:76px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;text-decoration:none}.mark{position:relative;width:34px;height:44px;border:1px solid var(--rule);overflow:hidden;background:linear-gradient(135deg,transparent 0 43%,var(--paper) 43% 49%,transparent 49%)}.mark:before,.mark:after{content:"";position:absolute;width:75%;height:40%;background:linear-gradient(120deg,var(--orange),var(--pink),var(--acid));background-size:220% 220%;animation:flow 7s ease-in-out infinite}.mark:before{left:0;top:0}.mark:after{right:0;bottom:0;animation-direction:reverse}@keyframes flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.word{font:18px/.82 var(--display);text-transform:uppercase}.word b{display:block;color:var(--accent);font-weight:400}.mini{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.hero{min-height:calc(100dvh - 76px);display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:58px 0}.kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);display:flex;gap:10px;align-items:center}.kicker:before{content:"";width:11px;height:11px;background:var(--accent)}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.055em;line-height:.88;text-transform:uppercase}h1{font-size:clamp(58px,10vw,116px);margin:18px 0 25px;max-width:7ch}.gradient{background:linear-gradient(90deg,var(--orange),var(--pink),var(--acid));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:52ch;color:var(--dim);font-size:clamp(15px,1.4vw,18px)}.card{border:1px solid var(--rule);background:var(--ink);box-shadow:12px 12px 0 var(--accent);padding:28px}.card h2{font-size:clamp(34px,5vw,54px);margin:10px 0 24px}.field{display:grid;gap:8px;margin:14px 0}.field label{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--dim)}.field input{width:100%;min-height:56px;border:1px solid var(--rule);border-radius:0;background:color-mix(in srgb,var(--paper) 5%,var(--ink));color:var(--paper);padding:0 14px;font:16px var(--mono);outline:none}.field input:focus{border:2px solid var(--accent)}.btn{width:100%;min-height:68px;margin-top:12px;border:0;border-radius:0;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:18px/1 var(--display);text-transform:uppercase;cursor:pointer}.btn.secondary{background:transparent;color:var(--paper);border:1px solid var(--rule);font:600 12px var(--mono);letter-spacing:.08em}.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.notice{margin-top:14px;padding:12px 14px;border-left:4px solid var(--accent);background:color-mix(in srgb,var(--paper) 5%,var(--ink));font-size:12px;color:var(--dim)}.error{border-left-color:#ff4b24;color:var(--paper)}.userbar{display:flex;align-items:center;gap:12px;font-size:11px}.logout{color:var(--dim)}.install-status{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);margin:22px 0}.status-row{background:var(--ink);padding:15px;display:flex;justify-content:space-between;gap:20px}.status-row b{font-weight:600}.ok{color:var(--acid)}.steps{margin:20px 0 0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;padding:12px 0 12px 44px;border-top:1px solid var(--rule);position:relative;color:var(--dim)}.steps li:before{content:counter(step);position:absolute;left:0;top:10px;width:28px;height:28px;display:grid;place-items:center;background:var(--paper);color:var(--ink);font:14px var(--display)}.admin-link{position:fixed;right:12px;bottom:12px;font-size:10px;color:color-mix(in srgb,var(--paper) 24%,transparent);text-decoration:none}.already{display:none}.ios-only{display:none}@media(max-width:820px){.hero{grid-template-columns:1fr;gap:35px;padding:42px 0 70px}.hero>div:first-child{padding-top:16px}h1{font-size:clamp(58px,19vw,96px)}.card{box-shadow:8px 8px 0 var(--accent)}.top{height:66px}.userbar .who{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}