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