@property --m1x{syntax: "<percentage>"; inherits: false; initial-value: 25%;}@property --m1y{syntax: "<percentage>"; inherits: false; initial-value: 20%;}@property --m2x{syntax: "<percentage>"; inherits: false; initial-value: 75%;}@property --m2y{syntax: "<percentage>"; inherits: false; initial-value: 70%;}@property --m3x{syntax: "<percentage>"; inherits: false; initial-value: 60%;}@property --m3y{syntax: "<percentage>"; inherits: false; initial-value: 30%;}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{min-height:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}input,button{font-family:inherit}:root{--bg: #06070b;--bg-1: #0a0c14;--surface: #0e1018;--surface-2: #131726;--line-soft: rgba(245, 247, 251, .06);--line: rgba(245, 247, 251, .1);--line-bright: rgba(245, 247, 251, .18);--text: #f5f7fb;--text-2: #cdd2dd;--text-3: #a7aebd;--text-4: #6b7080;--text-faint: #4d525e;--violet: #7c5cff;--violet-soft: #a18bff;--violet-deep: #4b3fd6;--error-bg: rgba(255, 90, 100, .08);--error-border: rgba(255, 90, 100, .35);--error-text: #ff9aa3;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--ease: cubic-bezier(.22, .7, .2, 1);--ease-soft: cubic-bezier(.4, .1, .3, 1);--mxabs: 50vw;--myabs: 50vh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01","ss03","cv05","cv09";background:var(--bg);color:var(--text);font-size:15px;line-height:1.55;overflow-x:hidden}::selection{background:#7c5cff66;color:#fff}.atm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background:radial-gradient(70vmax 55vmax at var(--m1x) var(--m1y),rgba(124,92,255,.28),transparent 55%),radial-gradient(60vmax 60vmax at var(--m2x) var(--m2y),rgba(75,63,214,.26),transparent 55%),radial-gradient(50vmax 50vmax at var(--m3x) var(--m3y),rgba(79,209,255,.08),transparent 55%),var(--bg);animation:mesh 32s ease-in-out infinite alternate}@keyframes mesh{0%{--m1x: 25%;--m1y: 20%;--m2x: 75%;--m2y: 70%;--m3x: 60%;--m3y: 30%}50%{--m1x: 60%;--m1y: 55%;--m2x: 30%;--m2y: 35%;--m3x: 80%;--m3y: 80%}to{--m1x: 40%;--m1y: 75%;--m2x: 65%;--m2y: 25%;--m3x: 25%;--m3y: 60%}}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(245,247,251,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,247,251,.03) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 25%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 25%,transparent 88%)}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(640px circle at var(--mxabs) var(--myabs),rgba(124,92,255,.08),transparent 50%)}.page{min-height:100dvh;min-height:100vh;display:grid;grid-template-rows:1fr auto;padding:clamp(20px,4vw,32px);gap:32px;position:relative;z-index:1}.page-inner{display:flex;align-items:center;justify-content:center}.card{position:relative;width:100%;max-width:420px;padding:clamp(28px,4vw,40px);background:linear-gradient(180deg,#f5f7fb0b,#f5f7fb04);border:1px solid var(--line);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);box-shadow:0 1px #ffffff0d inset,0 30px 80px -30px #000000a6,0 0 60px -20px #7c5cff40;isolation:isolate;opacity:0;transform:translateY(14px) scale(.985);animation:card-in .8s var(--ease) .15s forwards}.card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(124,92,255,.35),transparent 40%,transparent 60%,rgba(75,63,214,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;z-index:-1;pointer-events:none;opacity:.5}@keyframes card-in{to{opacity:1;transform:translateY(0) scale(1)}}.card-head{display:flex;justify-content:center;margin-bottom:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text);transition:opacity .25s var(--ease)}.brand:hover{opacity:.82}.brand-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#a18bff,#7c5cff 50%,#4b3fd6);box-shadow:0 0 18px -2px #7c5cff99,inset 0 1px #ffffff40;position:relative;flex:none}.brand-mark:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;background:#06070b;border-radius:50%;transform:translate(-50%,-50%)}.card-title{text-align:center;margin-bottom:28px}.card-title h1{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--text);margin-bottom:6px}.card-title p{font-size:13.5px;color:var(--text-3);line-height:1.5}form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.label-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.label{font-size:12.5px;font-weight:500;color:var(--text-3);letter-spacing:.005em}.forgot{font-size:12.5px;color:var(--violet-soft);font-weight:500;transition:color .2s var(--ease)}.forgot:hover{color:var(--violet)}.input-wrap{position:relative}.field input[type=email],.field input[type=password],.field input[type=text]{width:100%;padding:13px 14px;background:#06070b8c;border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);font-size:14.5px;font-weight:400;outline:none;transition:border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease);-webkit-text-fill-color:var(--text)}.field input::placeholder{color:var(--text-faint);font-weight:400}.field input:hover:not(:disabled){border-color:var(--line-bright)}.field input:focus{border-color:#7c5cff8c;background:#06070bbf;box-shadow:0 0 0 3px #7c5cff1f,0 0 24px -8px #7c5cff59}.field input:disabled{opacity:.55;cursor:not-allowed}.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 100px rgba(6,7,11,.8) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out 0s}.input-wrap .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--text-3);transition:color .2s var(--ease),background .2s var(--ease)}.input-wrap .eye:hover{color:var(--text);background:#f5f7fb0d}.input-wrap .eye svg{width:16px;height:16px}.field .input-wrap input{padding-right:44px}.hint{font-size:12px;color:var(--text-3);display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-family:JetBrains Mono,monospace;letter-spacing:.04em}.hint:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--violet-soft);box-shadow:0 0 8px #a18bffb3}.error{display:flex;gap:10px;align-items:center;padding:11px 13px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--r-md);color:var(--error-text);font-size:13.5px;line-height:1.45}.error svg{width:16px;height:16px;flex:none;color:var(--error-text)}.btn-primary{position:relative;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:var(--r-md);font-size:14.5px;font-weight:600;letter-spacing:-.005em;color:#fff;background:linear-gradient(180deg,#8e72ff,#7c5cff,#5d44e8);border:1px solid rgba(255,255,255,.14);box-shadow:0 1px #ffffff2e inset,0 0 0 1px #7c5cff2e,0 14px 30px -10px #7c5cff8c,0 0 32px -12px #7c5cff73;transition:transform .25s var(--ease),box-shadow .25s var(--ease),opacity .25s var(--ease);margin-top:8px;overflow:hidden;isolation:isolate}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 40%);pointer-events:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px #ffffff40 inset,0 0 0 1px #7c5cff52,0 18px 40px -10px #7c5cffb3,0 0 50px -10px #7c5cffa6}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-primary svg.arrow{width:14px;height:14px;transition:transform .25s var(--ease)}.btn-primary:hover:not(:disabled) svg.arrow{transform:translate(2px)}.btn-primary .spinner{width:16px;height:16px;animation:spin .8s linear infinite;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-foot{margin-top:22px;padding-top:20px;border-top:1px solid var(--line-soft);text-align:center}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-3);transition:color .2s var(--ease)}.back-link:hover{color:var(--text)}.back-link svg{width:12px;height:12px;transition:transform .2s var(--ease)}.back-link:hover svg{transform:translate(-2px)}.foot-meta{text-align:center;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase}@media (max-width: 480px){body{font-size:14.5px}.card{padding:26px 22px;border-radius:20px}.card-title h1{font-size:20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.atm{animation:none}.card{opacity:1;transform:none;animation:none}.btn-primary .spinner{animation:spin 1s linear infinite}}
