.brand-image{width:30px;height:30px;object-fit:cover;border-radius:7px;border:1px solid var(--blue);box-shadow:0 0 18px #4fa2ff55}
@keyframes site-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-card>*{animation:site-fade-up .6s .1s cubic-bezier(.22,1,.36,1) both}.auth-card>*:nth-child(2){animation-delay:.16s}.auth-card>*:nth-child(3){animation-delay:.22s}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#edf4f7;--ink:#102a35;--muted:#5a7883;--line:#cfe0e7;--cyan:#22d7ff;--blue:#2d7ef8;--danger:#ef5c6f}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background:var(--bg)}body{min-height:100vh;color:var(--ink);font-family:Manrope,sans-serif;background:radial-gradient(circle at 82% 10%,rgba(34,215,255,.18),transparent 24%),radial-gradient(circle at 4% 90%,rgba(45,126,248,.08),transparent 20%),linear-gradient(135deg,#f2f7fa,#eff3f8 72%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.75;background-image:linear-gradient(#cfe0e712 1px,transparent 1px),linear-gradient(90deg,#cfe0e712 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%)}a{color:inherit;text-decoration:none}.auth-page{position:relative;z-index:1;width:min(100%,560px);min-height:100vh;margin:auto;padding:38px 24px 56px;animation:auth-rise .7s cubic-bezier(.22,1,.36,1) both}.brand{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:800;letter-spacing:-.7px;animation:brand-drop .55s ease-out both}.brand span{display:grid;place-items:center;width:28px;height:28px;color:#041b2d;background:var(--blue);border-radius:7px;font-size:19px;transform:rotate(-8deg)}.brand strong{color:var(--blue)}.auth-card{position:relative;margin:48px auto 0;padding:42px 42px 32px;background:linear-gradient(145deg,#ffffff,#f2f7fa);border:1px solid #d5e5ee;border-radius:12px;box-shadow:0 24px 60px rgba(74,110,128,.12);overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.8}.auth-card:after{content:"";position:absolute;right:-100px;bottom:-120px;width:250px;height:250px;border:1px solid rgba(34,215,255,.18);border-radius:50%;box-shadow:0 0 0 24px rgba(34,215,255,.08),0 0 0 48px rgba(34,215,255,.04);pointer-events:none}.auth-heading,.auth-card form,.switch-auth{position:relative;z-index:1}.auth-heading{animation:auth-rise .6s .1s both}.eyebrow{display:block;margin-bottom:14px;color:#7290ad;font:500 10px/1 DM Mono,monospace;letter-spacing:1.35px}.auth-heading h1{max-width:380px;font-size:36px;line-height:1.08;letter-spacing:-1.6px}.auth-heading p{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.6}.auth-card form{display:grid;gap:0;margin-top:31px}.auth-card label,.field-row{display:block;margin:0 0 8px;color:#d5e0ec;font-size:12px;font-weight:700}.field-row{display:flex;align-items:center;justify-content:space-between;margin-top:19px}.field-row a{color:var(--cyan);font-size:11px;font-weight:600}input{width:100%;height:47px;padding:0 14px;color:var(--ink);background:#081522;border:1px solid #2c4967;border-radius:6px;outline:0;font:13px Manrope,sans-serif;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder{color:#617992}input:hover{background:#0a1929}input:focus{background:#0a1929;border-color:var(--cyan);box-shadow:0 0 0 3px #18ddc41c}.password-field{position:relative}.password-field input{padding-right:64px}.password-toggle{position:absolute;top:50%;right:11px;padding:5px;color:#94aac0;background:none;border:0;transform:translateY(-50%);font:500 11px DM Mono,monospace;cursor:pointer}.password-toggle:hover{color:var(--cyan)}.form-message{min-height:19px;margin:12px 0 3px;color:var(--danger);font-size:12px}.submit-button{position:relative;width:100%;height:48px;margin-top:5px;padding:0 16px;color:#061820;background:var(--cyan);border:0;border-radius:6px;font:800 13px Manrope,sans-serif;cursor:pointer;overflow:hidden;transition:transform .22s,box-shadow .22s,filter .22s}.submit-button span{float:right;font-size:19px;line-height:14px}.submit-button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 24px #18ddc433}.submit-button:active{transform:scale(.98)}.submit-button:focus-visible,.password-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.switch-auth{margin-top:27px;color:var(--muted);text-align:center;font-size:12px}.switch-auth a{color:var(--cyan);font-weight:700}.auth-card form>*{animation:auth-rise .5s cubic-bezier(.22,1,.36,1) both}.auth-card form>*:nth-child(2){animation-delay:.06s}.auth-card form>*:nth-child(3){animation-delay:.12s}.auth-card form>*:nth-child(4){animation-delay:.18s}.auth-card form>*:nth-child(5){animation-delay:.24s}.auth-card form>*:nth-child(6){animation-delay:.3s}@keyframes auth-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.auth-page{padding:24px 16px 40px}.auth-card{margin-top:34px;padding:31px 22px 27px}.auth-heading h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}