.account-container{max-width:1300px;margin:0 auto;padding:3rem 1.5rem}.account-hero{background:var(--surface-glass);border:1px solid var(--border-strong);border-radius:24px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex}.account-hero-icon{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.account-hero-content{flex:1}.account-hero-title{color:var(--color);margin:0;font-size:2rem;font-weight:700}.account-hero-rank{color:var(--primary);margin-top:.4rem;font-weight:600}.account-hero-meta{color:#888;margin-top:.3rem}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.account-card{background:var(--surface-glass);border:1px solid var(--border-primary);border-radius:20px;padding:1.5rem;transition:all .25s}.account-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.account-card-header{color:var(--primary);align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.account-card-header h3{margin:0;font-size:1rem}.account-progress-bar{background:#ffffff0f;border-radius:999px;width:100%;height:10px;margin-bottom:1rem;overflow:hidden}.account-progress-fill{background:linear-gradient(90deg, var(--primary), var(--primary-hover));border-radius:999px;height:100%}.account-progress p{color:var(--color);margin:0;font-weight:600}.account-progress span{color:#888;margin-top:.4rem;display:block}.account-score{text-align:center}.account-score-number{color:var(--primary);font-size:3rem;font-weight:800}.account-score-meta{color:#999}.account-achievements{flex-wrap:wrap;gap:.75rem;display:flex}.account-achievements span{background:var(--badge-clr);border:1px solid var(--border-primary);border-radius:999px;padding:.5rem .8rem;font-size:.85rem}.account-details{flex-direction:column;gap:1rem;display:flex}.account-details div{justify-content:space-between;display:flex}.account-details strong{color:var(--color)}.account-details span{color:#aaa}@media (max-width:900px){.account-grid{grid-template-columns:1fr}.account-hero{text-align:center;flex-direction:column}.account-hero-content{flex-direction:column;align-items:center;display:flex}}