:root{
  --bg:#f4f7fb; --paper:#ffffff; --paper-2:#f8fbff; --ink:#102033; --muted:#607087; --line:#dce5f2;
  --brand:#184a7d; --brand-2:#2563a6; --accent:#0f766e; --accent-2:#e8f7f4; --gold:#f59e0b;
  --blue-soft:#eaf4ff; --green-soft:#edf7ed; --orange-soft:#fff6e5; --red-soft:#fdeaea;
  --shadow:0 22px 60px rgba(13,43,76,.12); --shadow-soft:0 10px 30px rgba(13,43,76,.08);
  --radius:24px; --radius-sm:16px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at top left,#eef7ff 0,#f4f7fb 35%,#f6f7fb 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}
a{color:inherit}.skip{position:absolute;left:-999px;top:12px;background:var(--paper);padding:10px;border-radius:10px;z-index:99}.skip:focus{left:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,242,.9)}.topbar{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:var(--shadow-soft)}.brand strong{display:block}.brand small{display:block;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button,.ghost,.next-module,.prev-module{border:0;border-radius:999px;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.button{background:linear-gradient(135deg,var(--brand-2),var(--accent));color:white;box-shadow:var(--shadow-soft)}.ghost{background:#edf3fb;color:var(--brand);border:1px solid var(--line)}.layout{max-width:var(--max);margin:auto;padding:28px 22px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px}.sidebar{position:sticky;top:84px;height:calc(100vh - 106px);overflow:auto;align-self:start}.side-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-soft);margin-bottom:16px}.side-card h2,.side-card h3{margin:0 0 8px;color:var(--brand)}.side-card p{margin:0;color:var(--muted);font-size:14px}.side-nav{display:grid;gap:6px}.side-nav a{display:flex;gap:8px;align-items:flex-start;text-decoration:none;padding:10px 11px;border-radius:14px;color:#27405c;font-size:14px}.side-nav a:hover,.side-nav a.active{background:var(--blue-soft);color:var(--brand)}.side-nav span{font-weight:900;color:var(--accent);min-width:30px}.content{min-width:0}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#123b5d,#2563a6 58%,#0f766e);color:white;border-radius:32px;padding:48px;box-shadow:var(--shadow);margin-bottom:24px}.hero:before{content:"";position:absolute;inset:auto -80px -160px auto;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.14)}.hero:after{content:"";position:absolute;inset:-130px auto auto 44%;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}.hero>*{position:relative}.eyebrow{margin:0 0 10px;color:#cff5eb;text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:900}.hero h1{font-size:clamp(38px,7vw,70px);line-height:.98;margin:0 0 16px;letter-spacing:-.045em}.hero p{max-width:820px;margin:0 0 22px;color:#eaf4ff;font-size:18px}.hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.hero-stat{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:16px}.hero-stat strong{display:block;font-size:24px}.section{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-soft);margin-bottom:22px}.section h2{margin:0 0 12px;color:var(--brand);font-size:30px;letter-spacing:-.02em}.section h3{margin:24px 0 10px;color:var(--brand-2)}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.module-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:22px;padding:20px;text-decoration:none;box-shadow:var(--shadow-soft);transition:.18s transform,.18s box-shadow;display:flex;flex-direction:column;min-height:220px}.module-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.module-card .num{font-size:13px;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.module-card h3{margin:8px 0 8px;color:var(--brand);font-size:20px;line-height:1.18}.module-card p{margin:0 0 14px;color:var(--muted);font-size:14px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.tag{display:inline-flex;align-items:center;border-radius:999px;background:var(--blue-soft);color:var(--brand);font-size:12px;font-weight:900;padding:5px 10px}.tag.green{background:var(--accent-2);color:var(--accent)}.tag.gold{background:var(--orange-soft);color:#8a5a00}.module-hero{background:linear-gradient(135deg,#ffffff,#f7fbff);border:1px solid var(--line);border-radius:32px;padding:38px;box-shadow:var(--shadow);margin-bottom:22px}.module-kicker{font-size:13px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.module-hero h1{margin:0;color:var(--brand);font-size:clamp(34px,5vw,54px);line-height:1.02;letter-spacing:-.035em}.module-hero p{color:var(--muted);font-size:18px;max-width:850px}.module-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.callout{border-radius:22px;padding:22px;border:1px solid var(--line);background:var(--paper-2);margin:18px 0}.callout h2,.callout h3{margin-top:0;color:var(--brand)}.callout.objectives{background:var(--blue-soft);border-color:#cfe6ff}.callout.practice{background:#f6fffb;border-color:#bdeee0}.callout.errors{background:var(--red-soft);border-color:#f4c4c4}.callout.check{background:var(--green-soft);border-color:#ccebcf}.callout.mental{background:var(--orange-soft);border-color:#ffe0a8}.theory p{font-size:17px;margin:0 0 15px}.steps{counter-reset:item;list-style:none;padding-left:0}.steps li{position:relative;margin:0 0 12px;padding:14px 14px 14px 54px;background:#fff;border:1px solid var(--line);border-radius:16px}.steps li:before{counter-increment:item;content:counter(item);position:absolute;left:14px;top:13px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-2),var(--accent));color:#fff;font-weight:900;font-size:13px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-list{padding-left:1.2rem}.mini-list li{margin:.36rem 0}.table-card{overflow:auto;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow-soft);margin:14px 0;background:#fff}table{border-collapse:collapse;width:100%;min-width:620px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--brand);color:#fff;font-size:13px}tr:nth-child(even) td{background:#f9fbfe}.module-nav-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow-soft);margin:26px 0}.prev-module,.next-module{background:#edf3fb;color:var(--brand);border:1px solid var(--line)}.next-module{background:linear-gradient(135deg,var(--brand-2),var(--accent));color:#fff}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-bottom:14px}.breadcrumbs a{text-decoration:none;color:var(--brand);font-weight:800}.download-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.notice{padding:16px 18px;background:#fff9e9;border:1px solid #ffe0a8;border-radius:18px;color:#755000}.mobile-menu{display:none}.footer{max-width:var(--max);margin:20px auto 0;padding:22px;color:var(--muted);font-size:14px}.search-box{width:100%;border:1px solid var(--line);border-radius:999px;padding:13px 17px;font:inherit;outline:none;background:#fff}.search-results{display:grid;gap:10px;margin-top:14px}.search-result{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.search-result strong{color:var(--brand)}.search-result small{display:block;color:var(--muted);margin-top:4px}.no-print{}
@media(max-width:960px){.topbar{align-items:flex-start}.layout{display:block}.sidebar{position:static;height:auto;margin-bottom:18px}.side-nav{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hero{padding:34px 24px}.hero-grid,.grid-2,.grid-3{grid-template-columns:1fr}.module-hero{padding:28px 22px}.top-actions{display:none}.mobile-menu{display:inline-flex}.sidebar.collapsed{display:none}.section{padding:22px}}
@media(max-width:620px){.topbar{padding:12px 14px}.layout{padding:18px 14px}.brand small{display:none}.hero h1{font-size:40px}.hero p,.module-hero p{font-size:16px}.module-nav-bottom{display:grid}.button,.ghost,.next-module,.prev-module{justify-content:center;width:100%}.section h2{font-size:25px}}
@media print{.site-header,.sidebar,.module-nav-bottom,.no-print,.footer{display:none!important}.layout{display:block;max-width:none;padding:0}.section,.module-hero,.callout{box-shadow:none;break-inside:avoid}.module-hero{border:0}.content{width:100%}body{background:#fff}.hero{box-shadow:none}.table-card{box-shadow:none}}