html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #d4a85340}50%{box-shadow:0 0 40px #d4a85373}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes count-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.animate-fade-up{animation:fadeInUp .8s ease-out both}.animate-fade-left{animation:fadeInLeft .8s ease-out both}.animate-fade-right{animation:fadeInRight .8s ease-out both}.animate-float{animation:float 6s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.landing-hero{background:linear-gradient(135deg,#0a1628,#132744 40%,#0f3460,#0a1628);background-size:200% 200%;animation:gradient-shift 12s ease infinite;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(14,165,160,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(212,168,83,.1) 0%,transparent 50%);pointer-events:none}.glass-card{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.glass-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000040;border-color:#d4a85359}.glass-card-light{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(10,22,40,.08);border-radius:1.25rem;transition:transform .35s ease,box-shadow .35s ease}.glass-card-light:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0a16281a}.section-dark{background:linear-gradient(180deg,#0a1628,#0d1f3c)}.section-light{background:linear-gradient(180deg,#f8f9fc,#eef1f8)}.section-navy{background:linear-gradient(135deg,#0a1628,#162d50,#0a1628)}.icon-glow{width:72px;height:72px;border-radius:1rem;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease}.icon-glow:hover{transform:scale(1.1)}.icon-glow.fuel{background:linear-gradient(135deg,#ff8c42,#f5651a);box-shadow:0 8px 30px #f5651a4d}.icon-glow.school{background:linear-gradient(135deg,#4a9bd9,#2563eb);box-shadow:0 8px 30px #2563eb4d}.icon-glow.shop{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 8px 30px #10b9814d}.icon-glow.medical{background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 8px 30px #ec48994d}.step-number{width:56px;height:56px;min-width:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;background:linear-gradient(135deg,#d4a853,#c4943f);color:#0a1628;box-shadow:0 4px 20px #d4a85359;animation:count-pulse 3s ease-in-out infinite}.btn-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2.25rem;border-radius:9999px;font-weight:600;font-size:1rem;background:linear-gradient(135deg,#d4a853,#b8912e);color:#0a1628;border:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;text-decoration:none;box-shadow:0 4px 20px #d4a85359}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #d4a85380}.btn-cta-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2.25rem;border-radius:9999px;font-weight:600;font-size:1rem;background:transparent;color:#d4a853;border:2px solid rgba(212,168,83,.5);cursor:pointer;transition:all .25s ease;text-decoration:none}.btn-cta-outline:hover{background:#d4a8531a;border-color:#d4a853;transform:translateY(-2px)}.landing-quote{border-left:4px solid #D4A853;padding:1.5rem 2rem;background:#d4a8530f;border-radius:0 1rem 1rem 0;font-style:italic;font-size:1.2rem;line-height:1.8;color:#c0cde0}.gold-divider{height:3px;background:linear-gradient(90deg,transparent 0%,#D4A853 50%,transparent 100%);border:none;margin:0 auto;max-width:200px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .35s ease,box-shadow .35s ease}.landing-nav.scrolled{background:#0a1628eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 20px #0000004d}.particle{position:absolute;border-radius:50%;background:#d4a85326;pointer-events:none}.hero-img{max-width:480px;width:100%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}.landing-footer{background:#060d18;border-top:1px solid rgba(255,255,255,.06)}.notice-banner{background:linear-gradient(135deg,#d4a85314,#d4a85308);border:1px solid rgba(212,168,83,.2);border-radius:1rem;padding:2rem}