: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: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}@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}}
