/*! Flow — Sign in — © 2026 Hasib (OVERSHOOT). All rights reserved. Licensed, not sold: see LICENSE.md. */*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-1: #101a2b;--bg-2: #070b12;--accent: #35c8f0;--accent-2: #7ce7ff;--accent-deep: #2f7bff;--ink: #eaf3fb;--muted: rgba(234, 243, 251, .6);--faint: rgba(234, 243, 251, .4);--line: rgba(255, 255, 255, .1);--field: rgba(255, 255, 255, .045);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, .72, .16, 1);font-family:Manrope,system-ui,-apple-system,sans-serif}html,body{width:100%;min-height:100%;background:var(--bg-2);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:40px 20px;overflow-x:hidden}.defs{position:absolute}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% -10%,#16273c 0%,transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-2) 72%)}.orb{position:absolute;border-radius:50%;filter:blur(72px);opacity:.4;mix-blend-mode:screen}.orb--a{width:48vmax;height:48vmax;left:-16vmax;top:-20vmax;background:radial-gradient(closest-side,rgba(53,200,240,.6),transparent 70%);animation:float-a 22s ease-in-out infinite}.orb--b{width:42vmax;height:42vmax;right:-16vmax;bottom:-22vmax;background:radial-gradient(closest-side,rgba(47,123,255,.5),transparent 70%);animation:float-b 28s ease-in-out infinite}@keyframes float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6vmax,4vmax) scale(1.1)}}@keyframes float-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vmax,-3vmax) scale(1.12)}}.grain{position:absolute;inset:-50%;background-image:url(./textures/grain.png);background-size:260px;opacity:.05;animation:grain 6s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-3%,4%)}80%{transform:translate(5%,-2%)}to{transform:translate(0)}}.cursor-blob{position:fixed;left:0;top:0;z-index:40;margin:-30px 0 0 -30px;pointer-events:none;opacity:0;transition:opacity .35s ease;mix-blend-mode:screen}.cursor-blob.is-on{opacity:.9}.auth{position:relative;z-index:1;width:min(92vw,412px);display:flex;flex-direction:column;align-items:center}.stage{position:relative;z-index:3;width:220px;height:180px;margin-bottom:-40px;display:grid;place-items:center;transform:translate3d(var(--sx, 0px),var(--sy, 0px),0);filter:drop-shadow(0 20px 30px rgba(20,120,200,.35));transition:filter .5s ease}.blob{display:block;width:100%;height:auto;overflow:visible;animation:bob 5s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.blob__goo,.mb{transform-box:fill-box;transform-origin:center}.blob__sheen{animation:sheen 5s ease-in-out infinite}@keyframes sheen{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(3px,-2px)}}.blob__spark{animation:spark 5s ease-in-out infinite}@keyframes spark{0%,to{opacity:.5}50%{opacity:1}}.card{position:relative;z-index:2;width:100%;padding:56px 34px 28px;border-radius:26px;background:linear-gradient(162deg,#1e2c429e,#0c111c80);backdrop-filter:blur(26px) saturate(1.3);-webkit-backdrop-filter:blur(26px) saturate(1.3);border:1px solid rgba(255,255,255,.13);box-shadow:0 44px 90px #00000080,0 0 56px -22px var(--accent),inset 0 1px #ffffff29;overflow:hidden;transition:box-shadow .5s ease,border-color .5s ease}.card__sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--mx, 50%) var(--my, -10%),rgba(255,255,255,.12),transparent 45%)}.card__head{text-align:center;margin-bottom:22px}.brand{font-family:Sora,sans-serif;font-weight:800;font-size:2.15rem;letter-spacing:-.02em;background:linear-gradient(120deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin-top:5px;font-size:.92rem;color:var(--muted)}.peek{position:relative;overflow:hidden;margin-top:18px;display:inline-flex;align-items:center;gap:8px;padding:12px 24px;min-height:46px;font-family:Manrope,sans-serif;font-size:.94rem;font-weight:700;color:var(--ink);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.05)),color-mix(in srgb,var(--accent-deep) 26%,rgba(255,255,255,.02)));border:1px solid color-mix(in srgb,var(--accent) 44%,transparent);border-radius:30px;cursor:pointer;box-shadow:0 12px 26px -12px var(--accent),inset 0 1px #ffffff29;transition:transform .25s var(--ease-spring),box-shadow .3s ease,opacity .4s ease,max-height .5s var(--ease-out),margin .5s var(--ease-out),padding .4s ease;max-height:60px}.peek:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px var(--accent),inset 0 1px #ffffff38}.peek:active{transform:translateY(0) scale(.98)}.peek:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.peek__ic{animation:peek-bob 1.8s ease-in-out infinite;opacity:.9}@keyframes peek-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.peek:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 34%,rgba(255,255,255,.24) 50%,transparent 66%);transform:translate(-130%);animation:peek-shimmer 3.6s ease-in-out infinite}@keyframes peek-shimmer{0%,58%{transform:translate(-130%)}84%,to{transform:translate(130%)}}.disclose{max-height:0;overflow:hidden;transition:max-height .72s var(--ease-out)}.form{opacity:0;transition:opacity .5s var(--ease-out)}.form>*{opacity:0;transform:translateY(22px) scale(.97);clip-path:inset(-10% -10% 100% -10% round 14px);transition:opacity .5s var(--ease-out),transform .65s var(--ease-spring),clip-path .6s var(--ease-out)}.form>:nth-child(1){transition-delay:.06s}.form>:nth-child(2){transition-delay:.12s}.form>:nth-child(3){transition-delay:.18s}.form>:nth-child(4){transition-delay:.24s}.form>:nth-child(5){transition-delay:.27s}.form>:nth-child(6){transition-delay:.3s}.form>:nth-child(7){transition-delay:.34s}.form>:nth-child(8){transition-delay:.38s}.auth:hover .disclose,.auth:focus-within .disclose,.auth.is-open .disclose{max-height:var(--open-h, 640px)}.auth:hover .form,.auth:focus-within .form,.auth.is-open .form{opacity:1}.auth:hover .form>*,.auth:focus-within .form>*,.auth.is-open .form>*{opacity:1;transform:none;clip-path:inset(-10% -10% -10% -10% round 14px)}.form>.btn,.auth:hover .form>.btn,.auth:focus-within .form>.btn,.auth.is-open .form>.btn{clip-path:none}.auth:hover .peek,.auth.is-open .peek{opacity:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)}.auth.is-open .peek{visibility:hidden}.card__fill{position:absolute;left:0;right:0;top:0;height:58%;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent-2) 34%,transparent) 52%,transparent);transform:translateY(-150%);opacity:0;transition:transform .9s var(--ease-out),opacity .35s ease}.auth:hover .card__fill,.auth:focus-within .card__fill,.auth.is-open .card__fill{transform:translateY(240%);opacity:.85;transition:transform .9s var(--ease-out),opacity .35s ease .05s}.auth:hover .card,.auth:focus-within .card,.auth.is-open .card{border-color:color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.13));box-shadow:0 52px 100px #0000008c,0 0 84px -16px var(--accent),inset 0 1px #fff3}.auth:hover .stage,.auth:focus-within .stage,.auth.is-open .stage{filter:drop-shadow(0 24px 42px rgba(53,200,240,.6))}.form{display:flex;flex-direction:column;gap:15px}.field{position:relative}.field input{width:100%;padding:21px 16px 8px;font-size:1rem;font-weight:500;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:13px;outline:none;transition:border-color .25s ease,background .25s ease}#password{padding-right:48px}.field input:focus{border-color:#7ce7ff80;background:#ffffff12}.field label{position:absolute;left:16px;top:16px;font-size:1rem;color:var(--muted);pointer-events:none;transform-origin:left top;transition:transform .2s ease,color .2s ease}.field input:focus+label,.field input:not(:placeholder-shown)+label{transform:translateY(-11px) scale(.72);color:var(--accent-2)}.field__ink{position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-deep),var(--accent-2),var(--accent-deep));transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .4s var(--ease-out),opacity .3s ease}.field input:focus~.field__ink{transform:scaleX(1);opacity:1}.ripples{position:absolute;inset:0;border-radius:13px;overflow:hidden;pointer-events:none}.ripple{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:radial-gradient(circle,rgba(124,231,255,.5),transparent 70%);transform:scale(0);animation:ripple .7s var(--ease-out) forwards}@keyframes ripple{0%{transform:scale(0);opacity:.8}to{transform:scale(9);opacity:0}}.reveal{position:absolute;right:8px;top:21px;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0;border-radius:10px;color:var(--muted);cursor:pointer;transition:color .2s ease,background .2s ease}.reveal:hover{color:var(--ink);background:#ffffff14}.reveal svg{width:20px;height:20px}.reveal .icon-off,.reveal.is-on .icon-on{display:none}.reveal.is-on .icon-off{display:block}.row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;margin-top:1px}.check{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:var(--muted);user-select:none}.check input{position:absolute;opacity:0;width:0;height:0}.check__box{width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.26);background:#ffffff0d;display:grid;place-items:center;transition:background .2s ease,border-color .2s ease}.check__box:after{content:"";width:5px;height:9px;border:2px solid #05121f;border-top:0;border-left:0;transform:rotate(45deg) scale(0);margin-top:-2px;transition:transform .18s var(--ease-spring)}.check input:checked+.check__box{background:linear-gradient(135deg,var(--accent-2),var(--accent));border-color:transparent}.check input:checked+.check__box:after{transform:rotate(45deg) scale(1)}.check input:focus-visible+.check__box{box-shadow:0 0 0 3px #35c8f052}.link{color:var(--accent-2);text-decoration:none;transition:color .2s ease}.link:hover{text-decoration:underline}.btn{position:relative;margin-top:6px;height:58px;width:100%;display:grid;place-items:center;font-size:1.02rem;font-weight:700;color:#fff;background:none;border:0;border-radius:30px;cursor:pointer;isolation:isolate;overflow:visible;transition:transform .2s var(--ease-out)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.99)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.btn:disabled{cursor:default}.btn__liquid{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;filter:drop-shadow(0 14px 26px rgba(47,123,255,.5))}.btn__body{transition:transform .4s var(--ease-spring);transform-box:fill-box;transform-origin:center}.btn.is-melting .btn__body{transform:scaleY(.94)}.btn.is-done .btn__body{transform:scaleY(1)}.drip{transform-box:fill-box;transform-origin:50% 0;transform:translateY(-10px) scale(0);opacity:1;transition:transform .5s var(--ease-out),opacity .4s ease}.btn.is-melting .d1{transform:translateY(16px) scale(1)}.btn.is-melting .d2{transform:translateY(22px) scale(1);transition-delay:.04s}.btn.is-melting .d3{transform:translateY(14px) scale(1);transition-delay:.08s}.btn.is-fall .drip{transform:translateY(70px) scale(.2);opacity:0;transition:transform .5s var(--ease-out),opacity .45s ease}.btn__label{position:relative;z-index:1;letter-spacing:.01em;transition:opacity .25s ease}.btn.is-done .btn__label{opacity:0}.btn__check{position:absolute;inset:0;margin:auto;width:40px;height:40px;z-index:1;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .4s var(--ease-spring)}.btn__check path{stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .45s var(--ease-out) .1s}.btn.is-done .btn__check{opacity:1;transform:scale(1)}.btn.is-done .btn__check path{stroke-dashoffset:0}.btn:after{content:"";position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;border:2px solid var(--accent-2);opacity:0;pointer-events:none}.btn.is-done:after{animation:splash .6s var(--ease-out) .12s}@keyframes splash{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.4)}}.status{min-height:0;font-size:.8rem;color:var(--muted);text-align:center;margin-top:4px}.status:empty{display:none}.divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:.72rem;letter-spacing:.02em;margin-top:2px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.socials{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line);color:var(--ink);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.social:hover{background:#ffffff1c;border-color:#ffffff38;transform:translateY(-1px)}.social svg{width:18px;height:18px}.foot{text-align:center;font-size:.85rem;color:var(--muted);margin-top:2px}html.js .stage{opacity:0;transform:translateY(20px) scale(.7)}html.js .card>*{opacity:0;transform:translateY(14px)}html.js .card{opacity:0;transform:translateY(26px) scale(.985)}html.js .auth.is-in .stage{opacity:1;transform:translate3d(var(--sx,0),var(--sy,0),0);transition:opacity .7s ease,transform .8s var(--ease-spring)}html.js .auth.is-in .card{opacity:1;transform:none;transition:opacity .6s ease .08s,transform .7s var(--ease-out) .08s}html.js .auth.is-in .card>*{opacity:1;transform:none;transition:opacity .5s ease,transform .5s var(--ease-out)}html.js .auth.is-in .card>:nth-child(2){transition-delay:.16s}html.js .auth.is-in .card>:nth-child(3){transition-delay:.22s}@media(max-width:400px){.card{padding:52px 26px 24px}.stage{width:188px;height:156px;margin-bottom:-34px}.brand{font-size:1.95rem}}@media(hover:none),(pointer:coarse){.disclose{max-height:none}.form,.form>*{opacity:1;transform:none;clip-path:none}.card__fill,.peek{display:none}}@media(prefers-reduced-motion:reduce){.orb,.grain,.blob,.blob__sheen,.blob__spark,.peek__ic{animation:none!important}.peek:before{animation:none!important}.cursor-blob{display:none}html.js .stage,html.js .card,html.js .card>*{opacity:1!important;transform:none!important;transition:none!important}.ripple,.drip{display:none}.btn.is-done .btn__check{transition:none}.btn.is-done .btn__check path{transition:none;stroke-dashoffset:0}.disclose{max-height:none!important;transition:none!important}.form,.form>*{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.card__fill,.peek{display:none}}