:root{
  --bg:#f6efe6;
  --paper:#fff9f0;
  --ink:#2b211b;
  --muted:#7f6b5d;
  --accent:#7a4b2f;
  --accent2:#c99662;
  --line:#e8d8c7;
  --shadow:0 24px 80px rgba(74,48,29,.12);
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top left,#fff7ed,var(--bg) 45%,#eee0d0);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;position:sticky;top:0;background:rgba(246,239,230,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--ink)}.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}nav{display:flex;align-items:center;gap:18px}.inline{display:inline}.inline button{background:transparent;border:0;color:var(--accent);cursor:pointer;font:inherit}
main{max-width:1180px;margin:0 auto;padding:44px 24px 80px}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:44px;align-items:center;min-height:68vh}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:12px;font-weight:800}.hero h1,.page-head h1,.course-hero h1{font-size:clamp(38px,5vw,72px);line-height:1.02;margin:12px 0}.lead{font-size:20px;color:#4a3c32;max-width:760px}.actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.button,button.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--accent);color:white;padding:13px 22px;font-weight:800;box-shadow:0 12px 30px rgba(122,75,47,.2);cursor:pointer}.button:hover{text-decoration:none;background:#603a25}.button.secondary{background:#ead8c4;color:var(--ink);box-shadow:none}.button.small{padding:9px 15px;font-size:14px}.hero-card,.auth-card,.course-card,.lesson-page,.legal{background:rgba(255,249,240,.85);border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.hero-card{text-align:center}.hero-card img{width:min(260px,80%);border-radius:34px}.hero-card p{font-size:20px;font-weight:700}.section{margin-top:48px}.section h2{font-size:34px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.course-card{display:block;color:var(--ink);min-height:260px;transition:.2s transform,.2s box-shadow}.course-card:hover{transform:translateY(-4px);text-decoration:none}.course-card .emoji{font-size:42px}.course-card h3{font-size:22px;margin:12px 0 8px}.course-card p{color:var(--muted)}.course-card strong{display:block;margin-top:14px}.course-card.muted{opacity:.68}.meta{font-size:13px;color:var(--muted);font-weight:700}.page-head{margin-bottom:28px}.course-hero{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:start;background:rgba(255,249,240,.85);border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:var(--shadow)}.emoji.big{font-size:72px}.price{font-size:26px;font-weight:900}.narrow{max-width:760px;margin-left:auto;margin-right:auto}.lesson-list{display:grid;gap:14px}.lesson-row{display:flex;gap:16px;align-items:flex-start;background:#fffaf4;border:1px solid var(--line);padding:16px;border-radius:20px}.lesson-row span{width:34px;height:34px;border-radius:50%;background:#ead8c4;display:flex;align-items:center;justify-content:center;font-weight:900}.lesson-row h3{margin:0}.auth-card{max-width:560px;margin:20px auto}.form{display:grid;gap:16px}.form label{display:grid;gap:6px;font-weight:700}.form input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:white;font:inherit}.form .check{display:block;font-weight:500}.form .check input{width:auto;margin-right:8px}.error{background:#ffe8e8;border:1px solid #e8b6b6;color:#842828;padding:12px;border-radius:14px;margin:12px 0}.lesson-page{max-width:820px}.lesson-page h1{font-size:44px}.lesson-text{font-size:20px;background:#fffaf4;border-left:4px solid var(--accent2);padding:20px;border-radius:18px}.practice{margin:24px 0;background:#efe2d2;border-radius:22px;padding:22px}.lesson-nav{display:flex;justify-content:space-between;margin-top:24px}.legal{max-width:820px}.audio-placeholder{margin-top:20px;padding:16px;background:#efe2d2;border-radius:18px}footer{border-top:1px solid var(--line);padding:24px 6vw;display:flex;justify-content:space-between;color:var(--muted)}footer .links{display:flex;gap:14px}
@media(max-width:900px){.hero,.course-hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start;gap:12px;flex-direction:column}nav{flex-wrap:wrap}.hero{min-height:auto}.hero h1{font-size:42px}}
@media(max-width:560px){main{padding:28px 16px 60px}.grid{grid-template-columns:1fr}.lead{font-size:18px}.hero h1,.page-head h1,.course-hero h1{font-size:36px}footer{flex-direction:column;gap:12px}}