.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#571624 0%,#11151d 45%,#080b11 100%);color:#f5f6f9}
.auth-card{width:min(100%,430px);padding:36px;border:1px solid #65303c;border-radius:24px;background:#151a24;box-shadow:0 25px 80px #0006}
.auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:32px;font-size:25px;letter-spacing:1px}.auth-brand img{width:70px;height:70px;object-fit:contain}
.auth-card h1{font-size:26px;margin-bottom:12px}.auth-subtitle{color:#a8b4c6;line-height:1.6;margin-bottom:24px}
.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:8px;font-size:14px}.auth-card .input{width:100%;min-height:46px;background:#0d121c;color:#fff;border:1px solid #394454;border-radius:12px}.auth-card .input:focus{outline:2px solid #f5213c;outline-offset:2px}
.auth-card .btn.primary{background:#f31c38;border-color:#f31c38;color:white;min-height:46px;border-radius:12px}.auth-card .btn.primary:hover{background:#ff354d}
.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:22px}.auth-links button{cursor:pointer;color:#f5b8c2;background:none;border:0;font:inherit;font-size:13px}.auth-links .btn{border:1px solid #65303c;padding:12px;border-radius:12px}
.auth-message,.auth-error{padding:14px;border-radius:12px;line-height:1.5;margin-bottom:20px}.auth-message{background:#13372b;color:#a9edd1}.auth-error{background:#471821;color:#ffd0d8}
.cloud-account{display:flex;align-items:center;gap:12px}.cloud-account small{color:var(--muted)}.web-logout{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:7px 12px;cursor:pointer}.web-logout:hover{border-color:var(--accent)}
@media(max-width:640px){.auth-card{padding:24px}.cloud-account small{display:none}.cloud-account{gap:6px}}
.profile-actions-web{margin-top:20px;justify-content:space-between}
.nav-btn .nav-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;margin:0;padding:0;font-style:normal}
.nav-btn .nav-icon svg{display:block;width:24px;height:24px;stroke-width:2.6}
@media(max-width:1000px){.nav-btn{gap:0;justify-content:center}}
@media(max-width:700px){.nav-scroll .nav-btn{flex:0 0 48px;width:48px;min-width:48px;height:48px;padding:0;display:grid;place-items:center;gap:0}.nav-scroll .nav-icon{margin:0;transform:none}}