*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1e3a8a;--blue-mid:#2563eb;--blue-light:#dbeafe;--gold:#f59e0b;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-800:#1f2937;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow:0 4px 16px #0000001a;--shadow-lg:0 10px 40px #00000024;--radius:12px;--radius-lg:20px;--transition:.22s ease}html{scroll-behavior:smooth}body{color:var(--gray-800);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:48px 0}.btn-primary{background:var(--blue);color:var(--white);transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--blue-mid);transform:translateY(-1px);box-shadow:0 6px 20px #1e3a8a59}.btn-outline{color:var(--blue);border:2px solid var(--blue);transition:all var(--transition);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:11px 27px;font-size:15px;font-weight:600;display:inline-flex}.btn-outline:hover{background:var(--blue);color:var(--white);transform:translateY(-1px)}.btn-white{background:var(--white);color:var(--blue);transition:all var(--transition);border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-white:hover{background:var(--blue-light);transform:translateY(-1px)}.btn-gold{background:var(--gold);color:var(--white);transition:all var(--transition);border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:700;display:inline-flex}.btn-gold:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.badge{background:var(--blue-light);color:var(--blue);letter-spacing:.4px;text-transform:uppercase;border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.section-title{color:var(--gray-800);margin-bottom:12px;font-size:36px;font-weight:800;line-height:1.2}.section-sub{color:var(--gray-600);max-width:580px;font-size:17px;line-height:1.65}.text-center{text-align:center}.text-center .section-sub{margin:0 auto}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:transform var(--transition), box-shadow var(--transition);padding:28px}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.page-hero{background:linear-gradient(135deg, var(--blue) 0%, #1d4ed8 100%);color:var(--white);text-align:center;padding:72px 0 60px}.page-hero h1{margin-bottom:14px;font-size:42px;font-weight:800}.page-hero p{opacity:.85;max-width:560px;margin:0 auto;font-size:18px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.animate-fadeup{animation:.6s both fadeUp}.animate-fadein{animation:.5s both fadeIn}@media (width<=768px){.section{padding:56px 0}.section-title{font-size:28px}.page-hero h1{font-size:30px}.page-hero{padding:52px 0 44px}}