/*! Runaway Login — the button you have to earn — © 2026 Hasib (OVERSHOOT). All rights reserved. Licensed, not sold: see LICENSE.md. */:root{--brand: #1ad3c5;--brand-rgb: 26 211 197;--brand-lit: #7ff0e6;--brand-ink: #1ad3c5;--brand-deep: #0e8f86;--page: #05090a;--paper: #131b1b;--well: #0d1414;--ink: #e8f0ee;--muted: #93a4a1;--hair: #26302f;--hair-2: #1c2524;--idle-face: #27322f;--idle-ink: #b6c3c0;--danger: #ff8272;--danger-lit:#2a1614;--r-card: 26px;--r-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.42, .5, 1);--cta-w: 8.5rem;--cta-h: 3.25rem;--field-h: 3.25rem;--track-h: 6rem}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100svh;background:var(--page);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.room{position:fixed;inset:0;z-index:0;background:radial-gradient(120% 88% at 50% 6%,rgb(var(--brand-rgb) / .13),transparent 60%),radial-gradient(80% 60% at 50% 100%,#0a1413,transparent 72%),var(--page)}.u-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.stage{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.6rem,3.4vh,2.6rem);padding:clamp(1.5rem,5vh,3rem) 1.25rem}.masthead{text-align:center}.masthead__eyebrow{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--brand-rgb) / .82);margin-bottom:.7rem}.masthead__title{font-size:clamp(2.4rem,1.2rem + 4.4vw,4.1rem);font-weight:800;line-height:.96;letter-spacing:-.035em;color:#f2f6f5}.masthead__accent{color:var(--brand)}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#78827f}.auth{position:relative;width:min(28rem,100%);background:radial-gradient(130% 62% at 50% -12%,rgb(var(--brand-rgb) / .1),transparent 62%),var(--paper);border-radius:var(--r-card);padding:2.25rem;overflow:visible;box-shadow:0 0 0 1px var(--hair),0 1px #ffffff0f inset,0 40px 80px -40px #000000e6,0 2px 10px #00000080}.auth:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / .05),transparent 34%)}.auth__brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1.35rem}.auth__mark{display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;border:2px solid var(--brand);box-shadow:0 0 0 4px rgb(var(--brand-rgb) / .1)}.auth__mark:after{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--brand)}.auth__word{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.74rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.auth__head{margin-bottom:1.4rem}.auth__title{font-size:1.55rem;font-weight:800;letter-spacing:-.02em}.auth__sub{margin-top:.4rem;font-size:.875rem;line-height:1.45;color:var(--muted)}.form{display:block}.field{margin-bottom:.5rem}.field__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.field__aux{font-size:.76rem;font-weight:600;color:var(--brand-ink);text-decoration:none}.field__aux:hover{text-decoration:underline}.field__aux:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.field__label{display:block;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--muted);transition:color .28s var(--ease)}.field__box{position:relative;display:flex;align-items:center;background:var(--well);border:1.5px solid var(--hair);border-radius:15px;box-shadow:inset 0 2px 5px #00000061;transition:border-color .22s var(--ease),box-shadow .22s var(--ease)}.field__icon{flex:0 0 auto;display:grid;place-items:center;width:1.2rem;height:1.2rem;margin-left:.85rem;color:#6f807d;transition:color .25s var(--ease)}.field__icon svg{width:100%;height:100%}.field__box:focus-within .field__icon{color:var(--brand)}.field.is-ok .field__icon{color:rgb(var(--brand-rgb) / .8)}.field.is-bad .field__icon{color:var(--danger)}.field__input{flex:1 1 auto;min-width:0;height:var(--field-h);padding:0 .8rem;border:0;background:none;border-radius:inherit;font:inherit;font-size:.95rem;color:var(--ink);outline:none}.field__input::placeholder{color:#778683}.field__box:focus-within{border-color:var(--brand);box-shadow:inset 0 2px 5px #0000004d,0 0 0 4px rgb(var(--brand-rgb) / .2)}.field__tick{display:grid;place-items:center;width:1.35rem;height:1.35rem;margin-right:.8rem;flex:0 0 auto;border-radius:50%;background:var(--brand);color:#04211f;opacity:0;transform:scale(.5);transition:opacity .24s var(--ease),transform .34s var(--spring)}.field__tick svg{width:.85rem;height:.85rem}.field.is-ok .field__tick{opacity:1;transform:scale(1)}.field.is-ok .field__box{border-color:rgb(var(--brand-rgb) / .55)}.field.is-bad .field__box{border-color:var(--danger);background:var(--danger-lit)}.field.is-bad .field__box:focus-within{border-color:var(--danger);box-shadow:inset 0 2px 5px #0000004d,0 0 0 4px #ff827233}.field.is-wanted .field__label{color:var(--brand-ink)}.field.is-wanted .field__box{border-color:rgb(var(--brand-rgb) / .8);animation:wanted .9s var(--ease)}@keyframes wanted{0%,to{transform:translateZ(0)}22%{transform:translate3d(0,-3px,0)}55%{transform:translate3d(0,1px,0)}}.field__msg{min-height:1.35rem;padding:.3rem .15rem 0;font-size:.78rem;line-height:1.25;color:var(--danger);opacity:0;transform:translate3d(0,-3px,0);transition:opacity .2s var(--ease),transform .2s var(--ease)}.field.is-bad .field__msg{opacity:1;transform:none}.field.is-note .field__msg{opacity:1;transform:none;color:var(--brand-ink);font-weight:600}.peek{flex:0 0 auto;display:grid;place-items:center;width:2.1rem;height:2.1rem;margin-right:.35rem;border:0;border-radius:9px;background:none;color:var(--muted);cursor:pointer;transition:color .2s var(--ease),background-color .2s var(--ease)}.peek:hover{color:var(--ink);background:var(--hair-2)}.peek:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.peek__icon{width:1.15rem;height:1.15rem}.peek__slash{transform-origin:50% 50%;transform:scale(1);transition:transform .3s var(--ease),opacity .3s var(--ease)}.peek[aria-pressed=true]{color:var(--brand-ink)}.peek[aria-pressed=true] .peek__slash{transform:scale(0);opacity:0}.dock{position:relative;display:grid;place-items:center;height:var(--track-h);margin-top:.45rem;transition:height .3s var(--ease)}.dock__track{justify-self:stretch;align-self:stretch;border-radius:var(--r-pill);background:linear-gradient(180deg,#090f0f,#111919);box-shadow:inset 0 2px 7px #0009,inset 0 -1px #ffffff0d,0 1px #ffffff0a;transition:box-shadow .4s var(--ease)}.auth[data-left="0"] .dock__track{box-shadow:inset 0 2px 7px #0009,inset 0 0 0 1px rgb(var(--brand-rgb) / .22),0 1px #ffffff0a}html:not(.can-chase) .dock{height:var(--cta-h)}html:not(.can-chase) .dock__track{display:none}html:not(.can-chase) .dock__socket{visibility:hidden}html:not(.can-chase) .cta{width:100%}.dock>*{grid-area:1 / 1}.dock__band{z-index:1;width:100%;height:100%;justify-self:stretch;align-self:stretch;overflow:visible;pointer-events:none}.dock__band-line,.dock__band-glow{fill:none;stroke:var(--brand);stroke-linecap:round;opacity:0}.dock__band-line{stroke:var(--brand-lit)}.dock__socket{z-index:0;display:grid;place-items:center;width:var(--cta-w);height:var(--cta-h);border-radius:var(--r-pill);border:2px dashed rgb(var(--brand-rgb) / .42);background:rgb(var(--brand-rgb) / .05);opacity:0;transform:scale(.94);transition:opacity .25s var(--ease),transform .35s var(--spring),border-color .3s var(--ease),background-color .3s var(--ease)}.dock__socket:after{content:"";width:1.15rem;height:1.15rem;border-radius:50%;background:linear-gradient(180deg,#2c3837,#18201f);box-shadow:0 1px 3px #0009 inset,0 0 0 2px rgb(var(--brand-rgb) / .45)}.dock[data-open="1"] .dock__socket{opacity:1;transform:scale(1)}.cta{position:relative;z-index:2;display:grid;place-items:center;width:var(--cta-w);height:var(--cta-h);border:0;border-radius:var(--r-pill);font:inherit;font-size:.98rem;font-weight:700;letter-spacing:.01em;background:var(--idle-face);color:var(--idle-ink);cursor:pointer;box-shadow:0 1px #ffffff1a inset,0 0 0 1px #ffffff0a,0 6px 14px -6px #000000b3;transform:translate3d(var(--x, 0px),var(--y, 0px),0) rotate(var(--rot, 0deg)) scale(var(--sx, 1),var(--sy, 1));transition:background-color .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease)}.cta>*{grid-area:1 / 1}.cta:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.dock[data-live="1"] .cta{will-change:transform}.auth[data-left="0"] .cta{background:linear-gradient(180deg,var(--brand-lit),var(--brand));color:#04211f;box-shadow:0 1px #ffffff59 inset,0 14px 34px -12px rgb(var(--brand-rgb) / .55),0 2px 6px #0006}.auth[data-left="0"] .dock__socket{border-style:solid;border-color:rgb(var(--brand-rgb) / .7);background:rgb(var(--brand-rgb) / .1)}.cta__label,.cta__spinner,.cta__tick{transition:opacity .22s var(--ease),transform .32s var(--spring)}.cta__spinner{width:1.3rem;height:1.3rem;border-radius:50%;border:3px solid rgb(4 33 31 / .28);border-top-color:#04211f;opacity:0;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cta__tick{opacity:0;transform:scale(.4)}.cta__tick svg{width:1.4rem;height:1.4rem}.auth[data-phase=busy] .cta__label{opacity:0}.auth[data-phase=busy] .cta__spinner{opacity:1}.auth[data-phase=busy] .cta{cursor:progress}.auth[data-phase=done] .cta__label{opacity:0}.auth[data-phase=done] .cta__tick{opacity:1;transform:scale(1)}.auth[data-phase=done] .cta{cursor:default}.dock.is-locking .dock__socket{animation:clunk .55s var(--ease)}@keyframes clunk{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.14)}}.note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;font-size:.8rem;font-weight:600;color:var(--muted);transition:color .3s var(--ease)}.note__dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;transition:background-color .3s var(--ease),box-shadow .3s var(--ease)}.auth[data-left="0"] .note__dot{background:var(--brand);box-shadow:0 0 0 4px rgb(var(--brand-rgb) / .16)}.auth[data-left="0"] .note{color:var(--brand-ink)}html:not(.can-chase) .note{margin-top:1rem}.hint{margin-top:.6rem;min-height:1.15rem;text-align:center;font-size:.76rem;line-height:1.15rem;color:var(--muted);opacity:0;transition:opacity .45s var(--ease)}.hint.is-on{opacity:1}.auth__foot{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--hair);text-align:center;font-size:.84rem;color:var(--muted)}.auth__foot a{color:var(--brand-ink);font-weight:600;text-decoration:none}.auth__foot a:hover{text-decoration:underline}.auth__foot a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}kbd{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;padding:.1rem .35rem;border-radius:5px;border:1px solid var(--hair);border-bottom-width:2px;background:var(--hair-2);color:var(--ink)}@media(max-width:30rem){:root{--cta-w: 100%}.auth{padding:1.6rem 1.35rem}.dock{height:5.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.cta__spinner{animation:none;border-top-color:#04211f;opacity:1}.field.is-wanted .field__box{animation:none}}@media(forced-colors:active){.field__box{border:1px solid CanvasText}.cta{border:2px solid ButtonText}.dock__socket{border:1px dashed CanvasText}.dock__band-line{stroke:CanvasText}}
