:root{--ink:#0b1739;--muted:#667085;--line:#e9edf5;--accent:#3b5bdb;--soft:#f6f8ff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:var(--ink);background:#fff}
.sitebar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,5vw,72px);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{font-size:21px;font-weight:800;text-decoration:none;color:var(--ink)}.login-btn{background:var(--ink);color:#fff;text-decoration:none;padding:10px 16px;border-radius:12px;font-weight:700}
.hero{padding:80px clamp(18px,6vw,88px);background:radial-gradient(circle at 85% 15%,#dfe7ff 0,transparent 35%),linear-gradient(140deg,#f8fbff,#fff)}
.hero-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--accent)}
h1{font-size:clamp(42px,6vw,78px);line-height:1.02;margin:12px 0 20px;letter-spacing:-.045em}.lead{font-size:clamp(18px,2vw,23px);line-height:1.6;color:var(--muted)}
.hero-card{padding:28px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 20px 70px rgba(23,35,79,.10)}
.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.metric{background:var(--soft);border-radius:18px;padding:18px}.metric b{display:block;font-size:30px}.metric span{color:var(--muted);font-size:13px}
.section{max-width:1180px;margin:auto;padding:64px 20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section h2{font-size:34px;margin:0}.section p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 34px rgba(16,24,40,.05)}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:20px}.pill{display:inline-block;padding:6px 10px;background:var(--soft);border-radius:999px;font-size:12px;font-weight:700;color:var(--accent)}.card h3{margin:10px 0 6px}.card a{text-decoration:none;color:inherit}
.progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.progress-box{border:1px solid var(--line);border-radius:18px;padding:18px}.bar{height:9px;background:#eef1f7;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#3b5bdb,#6c8cff);border-radius:99px}
.leaderboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.house{padding:20px;border-radius:18px;background:var(--soft);text-align:center}.house b{font-size:30px;display:block}
footer{padding:36px 20px;text-align:center;background:#0b1739;color:#d9e1ff}.profile-wrap{max-width:980px;margin:auto;padding:56px 20px}.profile-card{display:grid;grid-template-columns:320px 1fr;gap:36px;border:1px solid var(--line);padding:28px;border-radius:28px}.profile-photo{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px}blockquote{font-size:20px;border-left:4px solid var(--accent);padding-left:16px;color:var(--muted)}
@media(max-width:850px){.hero-grid,.profile-card{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.progress-grid,.leaderboard{grid-template-columns:repeat(2,1fr)}.hero{padding-top:52px}}