:root{--navy:#0c2a72;--navy2:#1a3a8f;--navy3:#0a1f55;--orange:#fe5f01;--orange2:#e54e00;--orange-light:rgba(254,95,1,.12);--white:#fff;--gray:#f0f4ff;--gray2:#e8eef8;--text:#1e293b;--text2:#64748b;--green:#10b981;--red:#ef4444;--radius:16px;--shadow:0 4px 24px rgba(12,42,114,.12);--shadow-lg:0 16px 48px rgba(12,42,114,.18)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;color:var(--text);background:#fff;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-weight:800;line-height:1.2;letter-spacing:-.3px}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.6rem,3.5vw,2.5rem)}h3{font-size:1.25rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 4px 16px rgba(254,95,1,.35)}.btn-primary:hover{background:var(--orange2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(254,95,1,.45)}.btn-outline{background:transparent;color:var(--navy);border:2px solid var(--navy)}.btn-outline:hover{background:var(--navy);color:#fff}.btn-white{background:#fff;color:var(--navy);box-shadow:0 4px 16px rgba(0,0,0,.12)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.btn-ghost-white{background:hsla(0,0%,100%,.12);color:#fff;border:1.5px solid hsla(0,0%,100%,.3)}.btn-ghost-white:hover{background:hsla(0,0%,100%,.22)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-size:13px;font-weight:600;background:var(--orange-light);color:var(--orange);margin-bottom:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:56px 0}.btn{padding:11px 22px;font-size:14px}}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(254,95,1,.3)}50%{box-shadow:0 0 40px rgba(254,95,1,.6)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes count-up{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-up{animation:fadeUp .6s ease forwards}.float{animation:float 4s ease-in-out infinite}.section-title{text-align:center;margin-bottom:56px}.section-title p{color:var(--text2);font-size:17px;margin-top:12px;max-width:600px;margin-left:auto;margin-right:auto}.card{background:#fff;border-radius:var(--radius);padding:28px;border:1.5px solid var(--gray2);transition:all .25s ease}.card:hover{border-color:rgba(254,95,1,.3);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.glass{background:hsla(0,0%,100%,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.15)}.gradient-text{background:linear-gradient(135deg,#fe5f01,#ff9a3c);-webkit-background-clip:text;background-clip:text}.gradient-text,.gradient-text-blue{-webkit-text-fill-color:transparent}.gradient-text-blue{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.tag{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700}.tag-new{background:rgba(16,185,129,.12);color:#059669}.tag-hot{background:rgba(254,95,1,.12);color:var(--orange)}.accordion-item{border:1.5px solid var(--gray2);border-radius:12px;margin-bottom:10px;overflow:hidden}.accordion-head{width:100%;padding:18px 24px;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit;text-align:left}.accordion-head:hover{background:var(--gray)}.accordion-body{padding:0 24px 18px;font-size:14px;color:var(--text2);line-height:1.7}.toast{position:fixed;bottom:24px;right:24px;background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);z-index:9999;animation:fadeUp .3s ease}