:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.auth-wrap{background:radial-gradient(circle at 50% -15%, #173a353b, transparent 42%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100vh;padding:36px 16px;display:flex}.auth-brand{align-items:center;gap:10px;display:flex}.auth-card{background:linear-gradient(145deg, color-mix(in srgb, var(--card) 97%, #fff), var(--card));border:1px solid color-mix(in srgb, var(--card-border) 82%, #fff);border-radius:20px;width:100%;max-width:570px;padding:clamp(24px,5vw,38px);box-shadow:0 24px 70px #00000038,inset 0 1px #ffffff0c}.auth-heading{margin-bottom:28px}.auth-title{letter-spacing:-.035em;margin:0 0 7px;font-size:24px;font-weight:700}.auth-sub{color:var(--text-3);margin:0;font-size:14px;line-height:1.55}.auth-error{color:#fecaca;background:#f8717120;border:1px solid #f8717166;border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:20px;padding:11px 13px;font-size:13px;line-height:1.45;display:flex}.auth-error[hidden],.register-success[hidden]{display:none}.auth-hint{color:var(--text-3);text-align:center;margin:0;font-size:13px}.auth-hint a{color:var(--primary);font-weight:600}.register-form{flex-direction:column;gap:18px;display:flex}.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{min-width:0;position:relative}.field-label{color:var(--text-2);align-items:center;gap:3px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.required{color:#fb7185}.field-control{position:relative}.field .input{border-color:color-mix(in srgb, var(--card-border) 88%, transparent);background:#080d0dcc;border-radius:11px;width:100%;min-height:46px;padding:0 42px 0 13px;transition:border-color .22s,box-shadow .22s,background .22s,transform .22s}.field .input:focus{border-color:color-mix(in srgb, var(--primary) 85%, #fff);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent);background:#0b1111;outline:none}.field.is-invalid .input{border-color:#fb7185;box-shadow:0 0 0 3px #fb71851c}.field.is-valid .input{border-color:#34d399;animation:.28s ease-out both valid-ring}.field.is-pending .input{border-color:#eab308}@keyframes valid-ring{0%{box-shadow:0 0 #34d39900}55%{box-shadow:0 0 0 4px #34d3992b}to{box-shadow:0 0 #34d39900}}.field-check{color:#082f27;opacity:0;pointer-events:none;background:#34d399;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:12px;font-weight:800;transition:opacity .18s,transform .18s;display:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)scale(.7)}.field.is-valid .field-check{opacity:1;display:flex;transform:translateY(-50%)scale(1)}.password-toggle{z-index:2;width:31px;height:31px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;transition:color .18s,background .18s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{color:var(--text);background:#ffffff12;outline:none}.password-toggle svg{width:18px;height:18px}.field:has(.password-toggle) .input{padding-right:48px}.field:has(.password-toggle) .field-check{right:43px}.field-error,.field-info{min-height:17px;margin:6px 2px 0;font-size:12px;line-height:1.4;display:block}.field-error{color:#fda4af}.field-info{color:var(--text-3)}.field-info.is-checking{color:#fde68a}.field-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.identity-mode-toggle{appearance:none;color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.identity-mode-toggle:hover{color:#8df2bd;text-decoration:underline}.identity-mode-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:3px}.password-rules{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;padding:14px 15px}.password-rules__title{color:var(--text-3);margin:0 0 9px;font-size:12px}.password-rules ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:0;padding:0;list-style:none;display:grid}.password-rules li{color:var(--text-3);align-items:center;gap:7px;font-size:12px;transition:color .2s;display:flex}.rule-check{color:#0000;border:1px solid #ffffff2b;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:11px;transition:background .2s,border-color .2s,color .2s;display:grid}.password-rules li.is-met{color:#a7f3d0}.password-rules li.is-met .rule-check{color:#052e27;background:#34d399;border-color:#34d399}.btn-register{opacity:.58;border-radius:11px;justify-content:center;min-height:48px;margin-top:2px;transition:background .22s,box-shadow .22s,transform .18s,opacity .22s;transform:translateY(0)}.btn-register:not(:disabled){opacity:1;background:linear-gradient(135deg,#10b981,#22c55e);box-shadow:0 8px 22px #10b98135}.btn-register:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 11px 27px #10b98145}.btn-register:focus-visible{outline-offset:3px;outline:3px solid #6ee7b755}.btn-register[aria-busy=true]{cursor:progress}.button-spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:none}.btn-register[aria-busy=true] .button-spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.register-success{text-align:center;padding:20px 6px 7px;animation:.3s ease-out both success-in}.oauth-divider{color:var(--text-3);align-items:center;gap:12px;margin:22px 0 14px;font-size:12px;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--card-border);flex:1;height:1px}.oauth-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.oauth-button{border:1px solid var(--card-border);min-height:44px;color:var(--text-2);font:inherit;cursor:pointer;background:#ffffff05;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,transform .18s;display:flex}.oauth-button:hover{color:var(--text);background:#ffffff0b;border-color:#ffffff40;transform:translateY(-1px)}.oauth-button:active{transform:translateY(0)}.oauth-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.oauth-button:disabled{opacity:.65;cursor:progress;transform:none}.oauth-button svg{flex:none;width:17px;height:17px}.oauth-status{min-height:18px;color:var(--text-3);text-align:center;margin:10px 0 0;font-size:12px}.success-check{color:#052e27;background:#34d399;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 16px;font-size:29px;font-weight:800;animation:.38s cubic-bezier(.16,1,.3,1) both success-pop;display:grid;box-shadow:0 0 0 8px #34d3991c}.register-success h2{letter-spacing:-.02em;margin:0 0 7px;font-size:20px}.register-success p{color:var(--text-3);margin:0;font-size:13px}@keyframes success-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes success-pop{0%{transform:scale(.55)}to{transform:scale(1)}}@media (max-width:640px){.auth-wrap{justify-content:flex-start;padding-top:28px}.auth-card{padding:25px 20px}.identity-grid,.password-rules ul,.oauth-buttons{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.oauth-status:empty{min-height:0}
