:root{--navy:#081b33;--navy2:#102c4d;--gold:#d59a2f;--gold2:#f1c76c;--bg:#f5f7fb;--text:#182233;--muted:#687386;--white:#fff;--ok:#16835c;--danger:#b43b45}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.top{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 4px 18px #0002}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:58px;height:58px;object-fit:contain;border-radius:12px}.links{display:flex;gap:12px;align-items:center}.btn{display:inline-block;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#10233c}.btn-dark{background:var(--navy);color:#fff}.btn-light{background:#fff;color:var(--navy)}.hero{background:linear-gradient(135deg,#07182e 0%,#12385e 65%,#6c4b17 140%);color:#fff;padding:72px 20px}.hero-in{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.hero h1{font-size:48px;line-height:1.05;margin:0 0 18px}.hero p{color:#dbe6f2;font-size:18px;max-width:720px}.hero-logo{width:100%;max-width:360px;filter:drop-shadow(0 16px 24px #0006);border-radius:24px}.wrap{max-width:1180px;margin:auto;padding:42px 20px}.section-title{font-size:30px;color:var(--navy);margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 28px #14233a12;border:1px solid #e7ebf1}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff1cf;color:#80570d;font-size:12px;font-weight:800}.price{font-size:27px;font-weight:900;color:var(--navy);margin:14px 0}.muted{color:var(--muted)}.form{max-width:520px;margin:45px auto;background:#fff;padding:28px;border-radius:18px;box-shadow:0 10px 30px #10233c18}.form h1{color:var(--navy)}label{font-weight:700;font-size:14px}input,select,textarea{width:100%;padding:13px;border:1px solid #ccd4df;border-radius:10px;margin:7px 0 15px;background:#fff}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4}th{background:var(--navy);color:#fff}.progress{height:10px;background:#e9edf3;border-radius:20px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}.lesson{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px;border:1px solid #e4e8ee;border-radius:12px;margin:10px 0}.notice{padding:14px;border-radius:12px;background:#fff4d8;border:1px solid #f0d18c}.ok{background:#e8f7f1;border-color:#b8e5d2}.footer{background:var(--navy);color:#dce5ef;text-align:center;padding:30px 20px;margin-top:45px}@media(max-width:800px){.grid,.hero-in{grid-template-columns:1fr}.hero h1{font-size:36px}.hero-logo{max-width:240px}.links a.hide-mobile{display:none}}
\n.grid.two{grid-template-columns:repeat(2,1fr)}.checkout-box textarea{font-family:monospace;font-size:12px}.reader{max-width:1050px}.reader-head,.reader-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.pdf-frame{background:#27313d;border-radius:16px;padding:10px;box-shadow:0 8px 28px #14233a20}.pdf-frame iframe{width:100%;height:72vh;border:0;border-radius:10px;background:#fff}.reader-actions{margin-top:16px}.reader-actions form{margin:0}.answer{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-weight:500}.answer input{width:auto;margin:2px 0 0}.card img.course-cover{width:100%;height:190px;object-fit:cover;border-radius:14px;margin-bottom:15px}@media(max-width:800px){.grid.two{grid-template-columns:1fr}.reader-head,.reader-actions{align-items:stretch;flex-direction:column}.reader-actions .btn,.reader-actions form,.reader-actions button{width:100%;text-align:center}.pdf-frame iframe{height:68vh}table{display:block;overflow-x:auto;white-space:nowrap}}\n