:root{--auth-navy:#061a33;--auth-blue:#1467e8;--auth-cyan:#12b7c7;--auth-ink:#17263a;--auth-muted:#6b7a8f;--auth-line:#dce6f2;--auth-soft:#f5f8fc}
*{box-sizing:border-box}body.auth-body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(20,103,232,.22),transparent 28%),radial-gradient(circle at 90% 82%,rgba(18,183,199,.18),transparent 24%),linear-gradient(145deg,#041226 0,#08284d 55%,#0b3158 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--auth-ink)}
.auth-shell{width:min(1120px,calc(100% - 34px));min-height:100vh;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:38px;padding:42px 0}.auth-story{color:#fff;padding:42px}.auth-logo{display:inline-flex;align-items:center;gap:12px;font-size:1.08rem;font-weight:900;color:#fff;text-decoration:none}.auth-logo-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#2b7cff,#11bbc6);box-shadow:0 14px 32px rgba(20,103,232,.34),inset 0 0 0 1px rgba(255,255,255,.18)}.auth-kicker{display:inline-flex;margin-top:68px;padding:7px 11px;border:1px solid rgba(135,226,239,.28);background:rgba(18,183,199,.1);border-radius:999px;color:#9ceef1;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:900}.auth-story h1{max-width:720px;margin:17px 0 16px;font-size:clamp(2.5rem,5.3vw,4.65rem);line-height:1.02;letter-spacing:-.055em}.auth-story>p{max-width:650px;color:#c8d7e9;font-size:1.06rem}.auth-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:30px}.auth-benefit{padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.065);backdrop-filter:blur(10px)}.auth-benefit b{display:block;font-size:.91rem;margin-bottom:4px}.auth-benefit span{color:#b9c9de;font-size:.79rem}.auth-card{background:rgba(255,255,255,.985);border:1px solid rgba(255,255,255,.52);border-radius:28px;padding:34px;box-shadow:0 28px 90px rgba(0,0,0,.28)}.auth-card-head{margin-bottom:25px}.auth-card h2{margin:0 0 7px;font-size:1.9rem;letter-spacing:-.035em}.auth-card p{color:var(--auth-muted);margin:.25rem 0}.auth-field{margin-bottom:16px}.auth-field label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:800;font-size:.86rem;margin-bottom:7px}.auth-field input,.auth-field select{width:100%;height:50px;border:1px solid #cbd9e8;border-radius:13px;padding:0 14px;font:inherit;background:#fff;transition:.16s ease}.auth-field input:focus{outline:4px solid rgba(20,103,232,.1);border-color:#5b95ea;box-shadow:0 0 0 1px #5b95ea}.password-wrap{position:relative}.password-wrap input{padding-right:82px}.password-toggle-btn{position:absolute;right:8px;top:7px;height:36px;border:0;border-radius:9px;padding:0 11px;background:#edf4fc;color:#23415f;font-weight:800;cursor:pointer}.auth-hint{display:block;margin-top:6px;color:#7b8999;font-size:.76rem}.password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.password-meter span{height:4px;border-radius:999px;background:#e6edf5}.password-meter[data-score="1"] span:nth-child(1),.password-meter[data-score="2"] span:nth-child(-n+2),.password-meter[data-score="3"] span:nth-child(-n+3),.password-meter[data-score="4"] span{background:linear-gradient(90deg,#1769ff,#12b7c7)}.auth-actions{display:grid;gap:11px;margin-top:20px}.auth-actions .btn{width:100%;min-height:49px}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;font-size:.87rem}.auth-row a,.auth-card a{color:#0c5bc8;font-weight:750}.auth-notice{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:.88rem}.auth-notice.bad{background:#fff0f0;color:#9c2020;border:1px solid #ffd3d0}.auth-notice.ok{background:#eaf8f0;color:#11653b;border:1px solid #c7eed7}.auth-notice.info{background:#edf5ff;color:#1f5c9b;border:1px solid #d5e7ff}.auth-security{display:flex;gap:9px;align-items:flex-start;padding:12px 13px;border-radius:12px;background:#f4f8fc;color:#5e6f83;font-size:.76rem;margin-top:16px}.auth-security b{color:#263c54}.auth-code{margin:14px 0;padding:15px;border:1px dashed #8fb5e9;border-radius:13px;background:#f0f6ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.auth-back{display:inline-flex;margin-top:18px;color:#d2e1f1;font-size:.88rem;text-decoration:none}.auth-compact{width:min(520px,calc(100% - 28px));margin:auto;min-height:100vh;display:grid;place-items:center;padding:28px 0}.auth-compact .auth-card{width:100%}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;width:min(680px,calc(100% - 26px));padding:28px 0}.auth-story{padding:16px 6px 0}.auth-kicker{margin-top:30px}.auth-story h1{font-size:clamp(2.3rem,8vw,3.65rem)}.auth-benefits{display:none}.auth-card{padding:28px}}
@media(max-width:520px){.auth-shell{width:min(100% - 18px,680px);gap:19px}.auth-story{padding:12px 4px 0}.auth-story h1{font-size:2.35rem}.auth-story>p{font-size:.95rem}.auth-card{padding:23px 18px;border-radius:21px}.auth-card h2{font-size:1.65rem}.auth-row{align-items:flex-start;flex-direction:column}.auth-field input,.auth-field select{font-size:16px}.auth-compact{width:min(100% - 18px,520px)}}