@import url(https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&display=swap);:root{--ink:#10182d;--navy:#071225;--blue:#2563eb;--cyan:#22b8ff;--muted:#64748b;--bg:#f5f7fb;--line:#e3e8f0;--shadow:0 18px 50px rgba(7,18,37,.08)}*{box-sizing:border-box}body{font-family:"Google Sans",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}.topbar{background:#030817;color:#b9c5d7;font-size:12px}.navbar{background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}.brand-logo{height:52px}.hero{background:linear-gradient(110deg,rgba(4,14,32,.97),rgba(6,20,47,.62)),url(../images/article-001.jpg) center/cover;border-radius:26px;min-height:480px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-2px}.hero p{font-size:18px;max-width:720px;color:#d8e3f2}.btn-ai{background:linear-gradient(135deg,#2563eb,#06b6d4);border:0;color:#fff}.btn-ai:hover{color:#fff}.card{border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transition:.2s;background:#fff}.card:hover{transform:translateY(-4px)}.card img{height:190px;object-fit:cover}.pill{display:inline-flex;padding:4px 10px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-size:11px;font-weight:700;text-transform:uppercase}.beginner{background:#ecfdf5;color:#047857}.intermediate{background:#eff6ff;color:#1d4ed8}.advanced{background:#f5f3ff;color:#6d28d9}.ad,.domain{background:linear-gradient(135deg,#061329,#102d5b);color:#fff;border:1px solid #2f5fa7;border-radius:18px;padding:28px}.ad{min-height:210px}.ad strong{font-size:28px}.article{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.article h1{font-size:clamp(40px,5.5vw,66px);line-height:1.04;letter-spacing:-1.7px}.article h2{margin-top:42px;font-size:30px}.article h3{margin-top:28px;font-size:22px}.article p,.article li{font-size:17px}.article-hero{width:100%;border-radius:18px}.toc{background:#f0fdfb;border:1px solid #c7f0e6;border-radius:16px;padding:20px}.code{background:#0b1220;color:#d7e3f5;border-radius:14px;padding:18px;overflow:auto;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.callout{background:#f5f8ff;border-left:4px solid #2563eb;border-radius:10px;padding:16px}.sidebar-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.footer{background:#030817;color:#aebbd0}.footer a{color:#cdd7e5;text-decoration:none}.footer h5{color:#fff}.searchbox{max-width:680px}.stat{font-size:32px;font-weight:700}@media(max-width:767px){.hero{min-height:520px}.hero h1{font-size:45px}.article p,.article li{font-size:16px}.brand-logo{height:45px}}