*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,#131d3a 0,#0b1020 45%,#090d1a 100%);color:#e9eefc}.welcome-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.welcome-card{width:min(720px,100%);background:rgba(21,29,54,.85);border:1px solid #2a3760;border-radius:18px;padding:2rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-badge{display:inline-block;margin:0 0 1rem;padding:.35rem .75rem;border:1px solid #3f568f;border-radius:999px;background:#1a2648;color:#c8dcff;font-size:.9rem}.welcome-card h1{margin:0;font-size:clamp(1.8rem,2.6vw,2.6rem)}.welcome-text{margin:1rem 0 0;font-size:1.1rem;line-height:1.8;color:#dbe6ff}.welcome-subtext{margin:1rem 0 0;color:#a9bbdf;line-height:1.7}code{background:#101937;border:1px solid #2a3760;border-radius:8px;padding:.15rem .45rem;color:#cde0ff}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(520px,100%);background:rgba(21,29,54,.9);border:1px solid #2a3760;border-radius:18px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-card h1{margin:0;font-size:1.8rem}.auth-subtitle{margin:.5rem 0 1.3rem;color:#b7c8eb}.auth-hint{margin:0 0 1rem;color:#9eb2dc;font-size:.9rem}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.auth-mode-switch button{border:1px solid #3a4b7d;border-radius:10px;background:#111936;color:#dbe6ff;padding:.65rem .8rem;cursor:pointer}.auth-mode-switch button.active{background:#24408e;border-color:#4d7dff}.auth-form{display:grid;grid-gap:.85rem;gap:.85rem}.auth-form label{display:grid;grid-gap:.35rem;gap:.35rem;color:#d9e7ff;font-size:.95rem}.auth-form input{border:1px solid #3a4b7d;background:#0f1734;color:#f1f6ff;border-radius:10px;padding:.72rem .85rem;outline:none}.auth-form input:focus{border-color:#5b87ff;box-shadow:0 0 0 2px rgba(91,135,255,.25)}.password-field{display:grid;grid-template-columns:1fr auto;grid-gap:.5rem;gap:.5rem}.toggle-password{border:1px solid #3a4b7d;background:#111936;color:#dbe6ff;border-radius:10px;padding:.72rem .85rem;cursor:pointer;white-space:nowrap}.toggle-password:hover{background:#1b2a56}.toggle-password:focus-visible{outline:none;border-color:#5b87ff;box-shadow:0 0 0 2px rgba(91,135,255,.25)}.remember-row{display:flex!important;align-items:center;gap:.55rem;margin-top:.25rem}.remember-row input[type=checkbox]{width:16px;height:16px}.auth-form button{border:0;border-radius:10px;background:#2b5eff;color:#fff;font-weight:600;padding:.8rem 1rem;cursor:pointer;margin-top:.3rem}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-link{display:inline-block;margin-top:1rem;color:#a9c4ff;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-error{margin:0;color:#ffb3b3;font-size:.9rem}.auth-success{margin:0;color:#b2f8d3;font-size:.9rem}.profile-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.profile-card{width:min(780px,100%);background:rgba(21,29,54,.9);border:1px solid #2a3760;border-radius:18px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.account-status{margin:.7rem 0 1rem;padding:.6rem .85rem;border-radius:10px;font-weight:700;border:1px solid transparent}.account-status.active{background:rgba(39,160,92,.18);border-color:#4fbd7d;color:#b5f4cf}.account-status.banned{border-color:#ff7d7d}.account-alert,.account-status.banned{background:rgba(209,56,56,.2);color:#ffd0d0}.account-alert{margin:0 0 1rem;padding:.8rem .9rem;border-radius:10px;border:1px solid #ff7d7d;line-height:1.7}.profile-actions{display:flex;align-items:center;gap:.7rem}.profile-actions button{border:1px solid #3f568f;border-radius:10px;background:#18254b;color:#dbe6ff;padding:.62rem .8rem;cursor:pointer}.device-box{margin-top:1.25rem;border:1px solid #2f3f6e;border-radius:12px;padding:1rem;background:rgba(10,16,34,.45)}.device-box h2{margin:0 0 .65rem;font-size:1.1rem}.device-box details{margin-top:.6rem}.device-box summary{cursor:pointer;color:#c5d7ff}.device-box pre{margin:.5rem 0 0;background:#0d1635;border:1px solid #2d3e6e;border-radius:10px;padding:.7rem;overflow:auto;color:#d7e4ff}