:root{--bg:#080a16;--panel:#141222;--line:#302742;--muted:#aaa4bf;--text:#f4f1ff;--accent:#a387ff}
body{background:radial-gradient(ellipse at 85% 0,#4b237526,transparent 45%),var(--bg)}
button:not(.secondary):not(.danger),.button:not(.secondary){background:linear-gradient(130deg,#8d61f7,#6847e9);color:#fff;box-shadow:inset 0 1px 0 #ffffff1f}
button.secondary,.button.secondary{background:#211c32;color:#e7ddfa;border:1px solid #453158}
button.danger{background:#522337;border:1px solid #703247}
input,textarea,select{background:#0d0e1b;border-color:#443551}
.sidebar{background:linear-gradient(180deg,#11101f,#0b0b17);border-color:#37264c}
.sidebar .brand{color:#f5edff;text-decoration:none;letter-spacing:.5px}
.sidebar .brand img{width:42px;height:42px;flex-shrink:0;filter:drop-shadow(0 0 8px #a265ff35)}
.sidebar footer{border-color:#382548}
.nav{border:1px solid transparent}
.nav:hover{background:#231833}
.nav.active{background:linear-gradient(95deg,#452a6f60,#34204435);border-color:#75519670;color:#d7b9ff}
.topbar{background:#0d0d1bdd;border-color:#3b2a4d}
.panel,.card{background:linear-gradient(140deg,#171426,#10111f);border-color:#392b4b;box-shadow:0 8px 24px #00000016}
.card{border-top-color:#795ca570}
.stat-label,.stat-foot{color:#b5a5c4}
.heading h1{letter-spacing:-1px}
.eyebrow{color:#b599eb;letter-spacing:1.7px}
.avatar{background:linear-gradient(140deg,#b48aff,#573491);color:#fff}
.group{color:#a78fbc}
.badge{border:1px solid #6c4c8c45}
.profile-hero{background:radial-gradient(ellipse at 90% 5%,#6940a633,transparent 65%),linear-gradient(120deg,#211635,#151222);border-color:#7650a284}
.profile-visual-card{background:linear-gradient(140deg,#181527,#10101b);border-color:#493153;border-top-color:#9570cf}
.profile-visual-card.economy{border-top-color:#d1b06f}
.profile-visual-card.levels{border-top-color:#6dc7be}
.profile-visual-card.season{border-top-color:#b392ef}
.profile-visual-card.community{border-top-color:#8fb5f0}
.dashboard-public-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(30px,calc((100% - 1160px)/2));border-bottom:1px solid #3e2b505c;background:#0c0b19d9}
.dashboard-public-header .brand{color:#f3eaff;text-decoration:none;font-weight:750;letter-spacing:.7px}
.dashboard-public-header nav{display:flex;gap:28px;font-size:12px}
.dashboard-public-header nav a{text-decoration:none;color:#c7b9d7}
.dashboard-public-header nav a:hover{color:#dbc0ff}
.login{text-align:center;padding-top:52px}
.login-logo{display:block;margin:0 auto 25px;filter:drop-shadow(0 0 20px #a568ff29)}
.login>p{max-width:560px;margin-inline:auto;color:#b6a8c3}
.login-actions{justify-content:center;flex-wrap:wrap;gap:12px}
.login-features{text-align:left;margin-top:42px}
.login-features .panel{border-top:1px solid #9670b375}
.back-to-site{display:inline-block;margin-top:28px;font-size:12px;color:#b89bdf;text-decoration:none}
.back-to-site:hover{text-decoration:underline}
@media(max-width:700px){.dashboard-public-header{padding:16px 20px;gap:20px}.dashboard-public-header .brand{font-size:18px;gap:8px}.dashboard-public-header .brand img{width:34px;height:34px}.dashboard-public-header nav{gap:14px;font-size:10px}.login{padding:36px 20px}.login h1{font-size:31px}.login-features{grid-template-columns:1fr}.login-logo{width:100px;height:100px}.topbar .user{flex-wrap:wrap;justify-content:flex-end;gap:8px}.topbar{align-items:flex-start;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}