@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";:root{--blue:#0B1736;--orange:#FEB15C;--text:#0f172a;--muted:#64748b;--bg:#f8fafc;--card:#ffffff;--line:#e5e7eb;--radius:18px;--shadow:0 25px 60px rgba(11,23,54,.18)}*{box-sizing:border-box}body{margin:0;font-family:Roboto Flex,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}.container{width:min(800px,calc(100% - 48px));margin:auto}.nav.container,header .container.nav{width:min(1150px,calc(100% - 48px))}header{position:sticky;top:0;background:#0b1736d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;width:min(1150px,calc(100% - 48px))}.brand{display:flex;gap:10px;align-items:center;color:#fff;font-weight:700;text-decoration:none}.brand img{width:32px}.nav a{color:#e5e7eb;text-decoration:none;font-weight:600;margin-left:20px}.nav a.btn{margin-left:20px}.nav .btn-primary{color:var(--blue)}.btn{padding:10px 18px;border-radius:12px;font-weight:700;border:1px solid rgba(255,255,255,.2);text-decoration:none;display:inline-block}.btn-primary{background:var(--orange);color:var(--blue);border:none}.hero{background:linear-gradient(135deg,#0b1736,#101d46);color:#fff;padding:80px 0 60px;text-align:center}.hero h1{font-size:48px;line-height:1.2;margin:0 0 20px}.hero p{font-size:20px;line-height:1.6;color:#cbd5f5;max-width:700px;margin:0 auto}.content{padding:80px 0}.articles{display:grid;gap:32px;max-width:900px;margin:0 auto}.article-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--line);box-shadow:0 2px 8px #0000000d;transition:all .3s;text-decoration:none;color:var(--text);display:block}.article-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.article-date{font-size:14px;color:var(--muted);margin-bottom:12px}.article-card h2{font-size:28px;color:var(--blue);margin:0 0 12px;line-height:1.3}.article-card p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.article-read-more{display:inline-block;margin-top:16px;color:var(--orange);font-weight:600;font-size:16px}.article-header{background:linear-gradient(135deg,#0b1736,#101d46);color:#fff;padding:60px 0 40px}.article-header h1{font-size:42px;line-height:1.2;margin:0 0 16px}.article-meta{font-size:16px;color:#cbd5f5}.article-content{padding:60px 0;background:#fff}.article-content h2{font-size:32px;color:var(--blue);margin:48px 0 20px;line-height:1.3}.article-content h3{font-size:24px;color:var(--blue);margin:32px 0 16px}.article-content p{font-size:18px;line-height:1.8;margin-bottom:20px}.article-content ul,.article-content ol{font-size:18px;line-height:1.8;margin:20px 0;padding-left:24px}.article-content li{margin-bottom:12px}.article-content a{color:var(--orange);font-weight:600;text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content strong{color:var(--blue)}.article-content img{display:block;width:100%;border-radius:12px;margin:32px auto;box-shadow:0 4px 12px #0000001a}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;padding:24px;margin:32px 0;border-radius:8px}.warning-box p{margin:0;color:#856404}.callout{background:#f0f9ff;border-left:4px solid #0ea5e9;padding:24px;margin:32px 0;border-radius:8px}.callout p{margin:0;color:#075985}.success-box{background:#d1f4e0;border-left:4px solid #10b981;padding:24px;margin:32px 0;border-radius:8px}.success-box p{margin:0;color:#065f46}.cta-box{background:linear-gradient(135deg,#0b1736,#101d46);color:#fff;border-radius:16px;padding:40px;margin:48px 0;text-align:center}.cta-box h3{color:#fff;margin:0 0 12px}.cta-box p{color:#cbd5f5;margin:0 0 24px}.cta-box .btn-primary{color:var(--blue)}footer{padding:48px 0;color:#64748b;border-top:1px solid var(--line);text-align:center;background:var(--bg)}footer a{color:#64748b}.toc{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px 20px;margin:0 0 40px;font-size:15px;line-height:2}.toc a{color:var(--blue);text-decoration:none;font-weight:500}.toc a:hover{text-decoration:underline}.article-content pre{background:#1e293b;color:#e2e8f0;border-radius:8px;padding:20px 24px;overflow-x:auto;font-size:14px;line-height:1.7;margin:24px 0}.article-content pre code{font-family:Menlo,Monaco,Consolas,Courier New,monospace;background:none;padding:0;font-size:inherit;color:inherit;border-radius:0}.article-content code{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875em;background:#f1f5f9;color:var(--blue);padding:2px 6px;border-radius:4px}.comparison-table{width:100%;border-collapse:collapse;font-size:16px;margin:32px 0}.comparison-table th,.comparison-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}.comparison-table thead th{background:var(--blue);color:#fff;font-weight:600;font-size:14px}.comparison-table thead th:first-child{border-radius:8px 0 0}.comparison-table thead th:last-child{border-radius:0 8px 0 0}.comparison-table tbody tr:hover{background:#f1f5f9}.comparison-table tbody td:first-child{font-weight:500;color:var(--blue)}@media (max-width:700px){.comparison-table{font-size:14px}.comparison-table th,.comparison-table td{padding:10px 12px}}@media (max-width:900px){.hero h1{font-size:36px}.hero p{font-size:18px}.article-card h2{font-size:24px}.article-header h1{font-size:32px}.article-content h2{font-size:26px}.article-content h3{font-size:20px}.nav>div:last-child{display:none}.nav .brand{margin:0 auto}}