*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#14213d;background:#f8fafc;line-height:1.6}a{color:inherit;text-decoration:none}.site-container{min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 20px}.section{padding:64px 0}.section-tight{padding:40px 0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.hero{padding:72px 0 48px;background:linear-gradient(180deg,#eef6ff,#f8fafc)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:28px;gap:28px;align-items:center}.hero h1{margin:0 0 16px;font-size:2.6rem;line-height:1.15}.hero p{margin:0 0 22px;font-size:1.08rem;color:#334155}.button-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 20px;border-radius:10px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s ease}.btn-primary{background:#1d4ed8;color:#fff}.btn-primary:hover{background:#1e40af}.btn-secondary{background:#fff;color:#1d4ed8;border-color:#bfdbfe}.btn-secondary:hover{background:#eff6ff}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:20}.navbar-inner{min-height:72px;justify-content:space-between;gap:20px}.nav-links,.navbar-inner{display:flex;align-items:center}.nav-links{gap:18px;flex-wrap:wrap}.brand{font-size:1.2rem;font-weight:800;color:#0f172a}.muted{color:#475569}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:20px}.grid-2,.grid-3{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:20px}.results-strip{background:#0f172a;color:#fff;border-radius:18px;padding:28px}.results-items{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.results-items div strong{display:block;font-size:1.4rem;margin-bottom:6px}.form-grid{display:grid;grid-gap:14px;gap:14px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff}.form-grid textarea{min-height:140px;resize:vertical}.form-note{font-size:.95rem;color:#64748b}.form-error{color:#b91c1c;font-weight:600}.form-success{color:#15803d;font-weight:600}.footer{border-top:1px solid #e5e7eb;background:#fff;margin-top:56px}.footer-inner{padding:28px 0;color:#475569}.check-list{display:grid;grid-gap:10px;gap:10px;padding-left:18px}.check-list li{margin:0}.page-hero{padding:48px 0 24px}.page-hero h1{margin-bottom:12px}@media (max-width:900px){.grid-2,.grid-3,.hero-grid,.results-items{grid-template-columns:1fr}.hero h1{font-size:2rem}.nav-links{gap:12px}}.article-page{padding:40px 20px;max-width:900px}.article-page article{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:32px}.article-page h1{font-size:2.3rem;line-height:1.15;margin-bottom:16px}.article-page h2{margin-top:40px;margin-bottom:14px;font-size:1.55rem}.article-page h3{margin-top:20px;margin-bottom:10px}.article-page li,.article-page p{font-size:1.03rem}.common-mistake,.exam-tip,.math-box,.related-topics,.topic-cta,.video-placeholder,.worked-example{border-radius:16px;padding:20px;margin:22px 0}.math-box{background:#f8fafc;border:1px solid #cbd5e1;font-weight:700}.worked-example{background:#f8fafc;border:1px solid #bfdbfe}.exam-tip{background:#eff6ff;border-left:5px solid #1d4ed8}.common-mistake{background:#fff7ed;border-left:5px solid #f97316}.video-placeholder{background:#f1f5f9;border:1px dashed #94a3b8}.topic-cta{background:#eef6ff;border:1px solid #bfdbfe}.related-topics{background:#f8fafc;border:1px solid #e5e7eb}.answer-list{background:#f8fafc;border-radius:14px;padding:18px 22px}@media (max-width:700px){.article-page article{padding:22px}.article-page h1{font-size:1.9rem}}