.auth-body{min-height:100vh;background:#f3f7f9;color:var(--ink)}.auth-header{height:78px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.auth-header>a:last-child{display:flex;align-items:center;gap:8px;color:#71838f;font-size:12px}.auth-header svg{width:16px}.auth-main{min-height:100vh;display:grid;place-items:center;padding:110px 20px 50px}.auth-box{width:min(100%,500px);background:white;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 24px 70px rgba(29,70,94,.08)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f4f6;border-radius:12px;padding:4px;margin-bottom:40px}.auth-tabs button{height:42px;border:0;border-radius:9px;background:transparent;color:#758791;font-weight:650;cursor:pointer}.auth-tabs button.active{background:white;color:var(--ink);box-shadow:0 3px 12px rgba(24,60,81,.08)}.auth-view{display:none}.auth-view.active{display:block;animation:authin .25s ease}@keyframes authin{from{opacity:0;transform:translateY(6px)}}.auth-view h1{font-size:38px;letter-spacing:-.045em;text-align:center;margin:0}.auth-intro{text-align:center;color:#71838e;margin:10px 0 34px;font-size:14px}.auth-view label{display:block;color:#667985;font-size:11px;margin-bottom:8px}.key-field{height:56px;border:1px solid #ccd9df;border-radius:13px;display:flex;align-items:center;padding:0 15px;gap:10px}.key-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(54,172,246,.1)}.key-field>svg{width:17px;color:#7e929e}.key-field input{flex:1;border:0;outline:0;background:none;font-size:14px;letter-spacing:.06em;min-width:0}.key-field button{border:0;background:none;color:#718792;cursor:pointer}.key-field button svg{width:17px}.field-error{height:15px;margin:7px 0 0;color:#e85f5f;font-size:11px}.auth-submit{width:100%;height:54px;border:0;border-radius:13px;background:var(--blue);color:white;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:650;cursor:pointer;margin-top:13px}.auth-submit svg{width:17px}.auth-divider{display:flex;align-items:center;gap:12px;color:#93a2aa;font-size:10px;margin:25px 0}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#e0e7eb;flex:1}.telegram-wrap{min-height:46px;display:flex;justify-content:center}.generate-key,.telegram-register{width:100%;min-height:62px;border:1px solid #ccd9df;background:white;border-radius:13px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);cursor:pointer}.generate-key span,.telegram-register span{display:flex;align-items:center;gap:10px}.generate-key svg,.telegram-register svg{width:18px;color:var(--blue)}.telegram-register{margin-top:10px}.generated-key{display:none;background:#eaf7ff;border:1px solid #c9eafb;border-radius:13px;padding:16px;margin-top:10px}.generated-key.show{display:block}.generated-key>span{font-size:10px;color:#748994}.generated-key button{width:100%;border:0;background:none;padding:10px 0;display:flex;justify-content:space-between;cursor:pointer}.generated-key button b{font-size:13px;letter-spacing:.05em}.generated-key button svg{width:16px;color:var(--blue)}.generated-key>a{display:flex;align-items:center;gap:7px;color:var(--blue);font-size:12px}.generated-key>a svg{width:15px}@media(max-width:560px){.auth-header{height:68px;padding:0 16px}.auth-header>a:last-child{font-size:0}.auth-main{padding:90px 12px 30px}.auth-box{padding:24px;border-radius:22px}.auth-view h1{font-size:33px}.auth-tabs{margin-bottom:32px}}
.auth-box,.auth-tabs,.auth-tabs::before,.auth-tabs button,.key-field,.auth-submit,.generate-key,.telegram-register,.generated-key{border-radius:22.37%;corner-shape:squircle}
.auth-tabs{position:relative;--tab-index:0}
.auth-tabs::before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);background:var(--blue);border:1px solid rgba(16,126,194,.28);transform:translateX(calc(var(--tab-index) * 100%));transition:transform .45s cubic-bezier(.22,.85,.25,1);box-shadow:0 6px 16px rgba(54,172,246,.18)}
.auth-tabs button{position:relative;z-index:1;background:transparent;border:1px solid transparent;transition:color .3s}
.auth-tabs button.active{background:transparent;color:white;box-shadow:none}
.auth-submit,.generate-key,.telegram-register{border:1px solid #ccd9df}
.auth-box{border-radius:28px;corner-shape:squircle}
.auth-tabs{border-radius:16px;corner-shape:squircle}
.auth-tabs::before{border-radius:12px;corner-shape:squircle}
.auth-tabs button,.key-field,.auth-submit,.generate-key,.telegram-register,.generated-key{border-radius:14px;corner-shape:squircle}
@media(max-width:560px){.auth-box{border-radius:24px}}
.auth-box{border-radius:40px}
.auth-tabs{border-radius:22px}
.auth-tabs::before{border-radius:18px}
.auth-tabs button,.key-field,.auth-submit,.generate-key,.telegram-register,.generated-key{border-radius:18px}
@media(max-width:560px){.auth-box{border-radius:34px}}
.auth-box{border-radius:58px}
.auth-tabs{border-radius:30px}
.auth-tabs::before{border-radius:24px}
.auth-tabs button,.key-field,.auth-submit,.generate-key,.telegram-register,.generated-key{border-radius:24px}
@media(max-width:560px){.auth-box{border-radius:48px}}
.auth-tabs,.auth-tabs::before,.auth-tabs button,.auth-submit,.generate-key,.telegram-register{border-radius:100px;corner-shape:round}
.auth-body{background:#0f0f0f;color:#fff}.auth-header{color:#fff}.auth-header>a:last-child{color:#828282}.auth-box{background:#1a1a1a;border-color:rgba(255,255,255,.07);box-shadow:0 28px 80px rgba(0,0,0,.35)}.auth-tabs{background:#222}.auth-tabs::before{background:#0c8be2;border-color:#0c8be2}.auth-tabs button{color:#828282}.auth-tabs button.active{color:#fff}.auth-intro,.auth-view label{color:#828282}.key-field{background:#222;border-color:rgba(255,255,255,.08)}.key-field input{color:#fff}.key-field input::placeholder{color:#5a5a5a}.key-field>svg,.key-field button{color:#828282}.auth-submit{background:#0c8be2;color:#fff;border-color:#0c8be2}.auth-divider{color:#5a5a5a}.auth-divider::before,.auth-divider::after{background:rgba(255,255,255,.07)}.generate-key,.telegram-register{background:#222;border-color:rgba(255,255,255,.07);color:#fff}.generated-key{background:#05141f;border-color:rgba(12,139,226,.28);color:#fff}.telegram-wrap{filter:none}
.auth-box{min-height:600px;background:transparent;border:0;box-shadow:none}.auth-box *{box-shadow:none}.auth-view{min-height:430px}.auth-view h1{letter-spacing:-.02em}.auth-tabs::before{left:var(--slider-left,4px);width:var(--slider-width,calc(50% - 4px));transform:none;box-shadow:none;transition:left .45s cubic-bezier(.22,.85,.25,1),width .45s cubic-bezier(.22,.85,.25,1)}.key-field:focus-within{box-shadow:none}.key-field input{letter-spacing:.025em}
@media(max-width:560px){.auth-box{min-height:560px}}
.registration-confirm{display:none;background:#1a1a1a;border:1px solid rgba(255,255,255,.07);border-radius:28px;padding:18px;margin-top:10px}.registration-confirm.show{display:block}.registration-confirm p{margin:0;color:#828282;font-size:13px;line-height:1.45}.registration-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.registration-confirm button,.continue-generated{height:46px;border:0;border-radius:100px;background:#222;color:#fff;cursor:pointer}.registration-confirm button:last-child,.continue-generated{background:#0c8be2}.continue-generated{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.continue-generated svg{width:17px}.generate-key:disabled,.auth-submit:disabled,.registration-confirm button:disabled,.continue-generated:disabled{opacity:.55;cursor:wait}.field-error{height:auto;min-height:15px}.generated-key button:first-of-type b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}.auth-view{min-height:460px}
.auth-tabs{overflow:hidden}.auth-tabs::before{left:clamp(4px,var(--slider-left,4px),calc(100% - var(--slider-width,calc(50% - 4px)) - 4px));max-width:calc(100% - 8px)}
.auth-tabs::before{left:var(--slider-left,4px);width:var(--slider-width,calc(50% - 4px));max-width:none}
.auth-tabs::before{display:none}.auth-tabs .sliding-pill{position:absolute;z-index:0;left:0;top:4px;bottom:4px;border-radius:100px;background:#0c8be2;pointer-events:none;transition:width .4s cubic-bezier(.22,.85,.25,1),transform .4s cubic-bezier(.22,.85,.25,1);will-change:transform,width}.auth-tabs button{position:relative;z-index:1}