:root{--bg:#f7f3ec;--paper:#fff;--ink:#33271f;--muted:#8b8178;--gold:#b8892f;--line:#e5d9cb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}
a{color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.top{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand{font:700 28px Georgia,serif}.brand span{color:var(--gold)}
.nav{display:flex;gap:10px;align-items:center}.nav a{padding:10px 13px;text-decoration:none;border-radius:12px}.nav a.primary{background:var(--ink);color:#fff}
.hero{padding:74px 0 56px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;color:#9a7132;text-transform:uppercase}
h1,h2,h3{font-family:Georgia,serif}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.94;max-width:900px;margin:14px 0 20px}
.hero p{font-size:20px;color:var(--muted);max-width:700px;line-height:1.55}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.cover{aspect-ratio:16/9;background:linear-gradient(135deg,#e9dcc7,#b88b49);display:grid;place-items:center;font:700 38px Georgia,serif;color:#fff}
.card-body{padding:20px}.card h3{font-size:25px;margin:4px 0 8px}.muted{color:var(--muted)}.price{font-weight:900;font-size:22px;margin-top:14px}
.btn{display:inline-flex;padding:13px 18px;border:0;border-radius:13px;background:var(--gold);color:#fff;text-decoration:none;font-weight:900;cursor:pointer}
.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.form{max-width:480px;margin:60px auto}.field{display:block;margin:15px 0;font-weight:800}.field input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit}
.alert{padding:12px 14px;border-radius:12px;background:#fde8e4;color:#9b352d;margin:12px 0}
.dashboard{display:grid;grid-template-columns:260px 1fr;gap:20px}.sidebar{background:#211812;color:#fff;border-radius:20px;padding:18px}.sidebar a{display:block;padding:12px;border-radius:10px;text-decoration:none}.sidebar a:hover{background:#3b2d23}
.progress{height:8px;background:#eee5da;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold)}
.course-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
@media(max-width:800px){.grid{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto}.sidebar a{white-space:nowrap}.nav a.hide-mobile{display:none}}