.auth-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(20,19,26,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:auth-fade .2s ease}@keyframes auth-fade{0%{opacity:0}to{opacity:1}}.auth-card{width:min(420px,100%);display:grid;grid-gap:14px;gap:14px;padding:26px 28px 24px;background:var(--surface);border-radius:22px;box-shadow:0 30px 80px rgba(20,19,26,.3);animation:auth-rise .25s var(--ease)}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.auth-head{display:flex;align-items:center;justify-content:space-between}.auth-x{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--mute)}.auth-x:hover{background:var(--surface-2);color:var(--text)}.auth-card h2{font:700 24px/1.15 var(--font-h);letter-spacing:-.02em}.auth-free{font:500 13.5px var(--font-b);color:var(--brand);background:var(--brand-soft);padding:9px 12px;border-radius:12px}.auth-hint{color:var(--mute);font-size:13.5px}.auth-form{display:grid;grid-gap:12px;gap:12px}.auth-form label{display:grid;grid-gap:6px;gap:6px}.auth-form label span{font:600 11px/1 var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.auth-form input{width:100%;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line-2);color:var(--text);font:400 15px/1.4 var(--font-b);outline:none;transition:border-color .2s}.auth-form input:focus{border-color:var(--brand)}.auth-form .btn{margin-top:4px}.auth-err{color:var(--coral);font-size:13.5px}.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-links button{font:500 13.5px var(--font-b);color:var(--brand)}.auth-social{font-size:12.5px;padding-top:6px;border-top:1px solid var(--line)}.auth-social,.auth-terms{color:var(--mute-2);text-align:center}.auth-terms{font-size:11.5px;line-height:1.5}.nav-user{position:relative}.nav-user-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:100px;background:var(--surface);border:1px solid var(--line-2);font:600 13px var(--font-b);color:var(--text);transition:border-color .2s,box-shadow .2s}.nav-user-btn:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.nav-user-btn i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:var(--grad);color:#fff;font:700 12px var(--font-b)}.nav-user-btn b{color:var(--brand);font-weight:600}.nav-user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;display:grid;grid-gap:2px;gap:2px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:60;animation:auth-rise .2s var(--ease)}.nav-user-menu small{display:block;padding:8px 10px 6px;color:var(--mute-2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-menu a,.nav-user-menu button{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:9px;font:500 13.5px var(--font-b);color:var(--text)}.nav-user-menu a:hover,.nav-user-menu button:hover{background:var(--surface-2)}.nav-login{font:600 13.5px var(--font-b);color:var(--text);padding:9px 14px;border-radius:100px;transition:background .2s}.nav-login:hover{background:var(--surface-2)}@media (max-width:900px){.nav-login,.nav-user-btn span.name{display:none}}.pw-wrap{position:relative;display:block}.pw-wrap input{width:100%;padding-right:44px}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--mute)}.pw-eye:hover{background:var(--surface-2);color:var(--text)}