:root{--pad:clamp(14px, 4vw, 32px)}.btn{white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:clamp(36px,4.5vw,40px);padding:0 clamp(10px,1.8vw,16px);font-size:clamp(11.5px,1.3vw,12.5px);font-weight:700;transition:all .2s;display:inline-flex}.auth-page{padding-top:clamp(16px,4vw,44px);padding-bottom:calc(clamp(20px, 4vw, 44px) + env(safe-area-inset-bottom))}.auth-crumb{color:var(--muted);align-items:center;gap:8px;width:100%;max-width:520px;margin:0 auto 14px;font-size:11.5px;font-weight:600;display:flex}.auth-crumb a{color:#4f46e5;font-weight:700}.auth-crumb svg{color:#9aa0b5;flex:none}.auth-crumb span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-wrap{background:#fff;border:1px solid #eceef8;border-radius:20px;width:100%;max-width:520px;margin:0 auto;overflow:hidden;box-shadow:0 24px 60px #1e28781f}.auth-card{flex-direction:column;gap:16px;min-width:0;padding:clamp(18px,4vw,36px);display:flex}.auth-head{text-align:center;flex-direction:column;gap:6px;display:flex}.auth-head .mini-logo{background:linear-gradient(135deg,#2643e6,#8a2be2,#ec008c);border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;display:flex;box-shadow:0 10px 24px #5a28dc4d}.auth-head h1{letter-spacing:-.4px;color:#0000;background-image:linear-gradient(115deg,#e8008f 0%,#8a2be2 90%);-webkit-background-clip:text;background-clip:text;font-size:clamp(17px,3vw,22px);font-weight:800}.auth-head p{color:var(--muted);font-size:clamp(11px,1.8vw,12px)}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field label{color:#171b34;font-size:11.5px;font-weight:700}.control{background:#fff;border:1px solid #e3e6f3;border-radius:10px;align-items:center;gap:8px;height:clamp(44px,6vw,48px);padding:0 10px 0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.control:focus-within{border-color:#8a2be2;box-shadow:0 0 0 4px #8a2be01f}.control .lead{color:#8a8fa8;flex:none}.control input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font:600 clamp(13px,1.8vw,14px) Inter,sans-serif}.field .msg{color:#ec008c;font-size:10.5px;font-weight:700;display:none}.field.error .msg{display:block}.field.error .control{border-color:#ec008c;box-shadow:0 0 0 4px #ec008c1a}.eye-btn{color:#8a8fa8;background:0 0;border:none;border-radius:8px;flex:none;padding:6px;transition:all .15s;display:inline-flex}.eye-btn:hover{color:#171b34}.eye-btn .eye-off{display:none}.eye-btn.active .eye-off{display:block}.eye-btn.active .eye-on{display:none}.strength{align-items:center;gap:6px;display:flex}.strength i{background:#e3e6f3;border-radius:2px;flex:1;height:4px;transition:background .25s}.strength.s1 i:nth-child(-n+1){background:#ec008c}.strength.s2 i:nth-child(-n+2){background:#f59e0b}.strength.s3 i:nth-child(-n+3){background:#0090f0}.strength.s4 i:nth-child(-n+4){background:#22c55e}.strength span{color:#8a8fa8;text-align:right;min-width:52px;font-size:10px;font-weight:800}.link{color:#4f46e5;font-size:12px;font-weight:700}.link:hover{text-decoration:underline}.switch{flex:none;width:42px;height:24px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{cursor:pointer;background:#d9dcee;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.switch input:checked+.slider{background:linear-gradient(90deg,#2643e6,#8a2be2)}.switch input:checked+.slider:before{transform:translate(18px)}.switch input:focus-visible+.slider{outline:2px solid var(--indigo);outline-offset:2px}.auth-submit{background:var(--grad);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:clamp(48px,7vw,52px);font-size:clamp(14px,2.2vw,15px);font-weight:800;transition:all .2s;display:flex;position:relative;overflow:hidden}.auth-submit svg{flex:none}.auth-submit:hover{filter:brightness(1.06);box-shadow:0 10px 26px #5a32e659}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-submit:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:45%;animation:2.8s ease-in-out infinite btnShine;position:absolute;top:0;bottom:0;left:-70%}@keyframes btnShine{0%{left:-70%}60%,to{left:135%}}.divider{color:#9aa0b5;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:#e7eaf5;flex:1;height:1px}.socials-auth{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.soc{color:#171b34;background:#fff;border:1px solid #e3e6f3;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:0;height:46px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.soc svg{flex:none}.soc:hover{background:#f6f7fd;border-color:#c9cdea;transform:translateY(-1px)}.auth-foot{color:var(--muted);text-align:center;font-size:11.5px}@media (width>=1400px){.auth-wrap,.auth-crumb{max-width:560px}}@media (width<=420px){.header-right .btn{padding:0 10px}.header-right .btn-label{display:none}}@media (width<=480px){.socials-auth{grid-template-columns:1fr}.soc{justify-content:flex-start;padding:0 16px}.auth-card{padding:18px 16px}}@media (width<=320px){.control{height:44px;padding-left:10px}.auth-submit{height:48px}.strength span{min-width:44px}.auth-head .mini-logo{width:38px;height:38px}}@media (height<=520px) and (orientation:landscape){.auth-page{padding-top:14px;padding-bottom:14px}.auth-head{text-align:left;flex-direction:row;align-items:center;gap:12px}.auth-head .mini-logo{margin:0}.auth-card{gap:12px}}@media (pointer:coarse){.control input{font-size:16px}.eye-btn,.soc{padding:8px}.switch{width:46px;height:26px}.slider:before{width:20px;height:20px}.switch input:checked+.slider:before{transform:translate(20px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (hover:none){.btn-grad:hover,.auth-submit:hover{filter:none;box-shadow:none}.soc:hover{transform:none}}.perks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.perk{text-align:center;color:#565b74;background:#f6f7fd;border:1px solid #edeff9;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;font-size:10.5px;font-weight:700;transition:all .2s;display:flex}.perk:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #1e28781a}.perk .pi{border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.perk:first-child .pi{color:#4f46e5;background:#eef0ff}.perk:nth-child(2) .pi{color:#ec008c;background:#ffeaf6}.perk:nth-child(3) .pi{color:#0090f0;background:#e8f6ff}.auth-form{flex-direction:column;gap:14px;display:flex}.field.ok .control{border-color:#22c55e}.pass-pair{grid-template-columns:1fr;gap:14px;display:grid}.remember{color:#565b74;cursor:pointer;align-items:flex-start;gap:9px;min-width:0;font-size:12px;font-weight:600;display:flex}.remember .switch{margin-top:1px}.remember>span:last-child{min-width:0;line-height:1.5}@media (width>=560px){.pass-pair{grid-template-columns:1fr 1fr}}@media (width<=480px){.perks{grid-template-columns:1fr}.perk{text-align:left;flex-direction:row;justify-content:flex-start;padding:10px 12px}}@media (height<=520px) and (orientation:landscape){.perks{display:none}}@media (hover:none){.perk:hover{transform:none}}