@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--gold:#f5d50a;--gold-light:#ffe94a;--gold-dark:#c4a800;--gold-accent:#d4a800;--black:#0a0a0a;--black-light:#1a1a1a;--black-medium:#111;--gray-900:#1c1c1c;--gray-800:#2a2a2a;--gray-700:#3a3a3a;--gray-600:#555;--gray-500:#777;--gray-400:#999;--gray-300:#bbb;--gray-200:#e0e0e0;--gray-100:#f0f0f0;--white:#fafafa;--green-military:#2d5016;--green-light:#4a7a2e;--gradient-gold:linear-gradient(135deg,#f5d50a 0%,#d4a800 50%,#c4a800 100%);--gradient-dark:linear-gradient(180deg,#0a0a0a 0%,#1a1a1a 100%);--gradient-hero:linear-gradient(135deg,#0a0a0a 0%,#1a1a0a 40%,#0a0a0a 100%);--gradient-card:linear-gradient(145deg,#1a1a1acc 0%,#0a0a0af2 100%);--gradient-gold-text:linear-gradient(90deg,#f5d50a,#ffe94a,#d4a800);--gradient-glow:radial-gradient(ellipse at center,#f5d50a26 0%,transparent 70%);--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--section-padding:120px 0;--container-width:1200px;--container-padding:0 24px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 24px #0006;--shadow-lg:0 8px 48px #00000080;--shadow-gold:0 0 40px #f5d50a26;--shadow-gold-intense:0 0 60px #f5d50a40;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-spring:.6s cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}.container{max-width:var(--container-width);padding:var(--container-padding);width:100%;margin:0 auto}.section-tag{border-radius:var(--radius-full);font-family:var(--font-body);color:var(--gold);text-transform:uppercase;letter-spacing:2px;background:#f5d50a14;border:1px solid #f5d50a33;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.section-title{font-family:var(--font-heading);color:var(--white);margin-bottom:20px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.section-title .highlight{background:var(--gradient-gold-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{color:var(--gray-400);max-width:600px;font-size:1.1rem;line-height:1.7}.btn-primary{background:var(--gradient-gold);color:var(--black);font-family:var(--font-heading);border-radius:var(--radius-full);transition:all var(--transition-base);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#ffffff4d 0%,#0000 50%);position:absolute;inset:0}.btn-primary:hover{box-shadow:var(--shadow-gold-intense);transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}.btn-secondary{color:var(--white);font-family:var(--font-heading);border-radius:var(--radius-full);transition:all var(--transition-base);background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:1rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--gold);color:var(--gold);background:#f5d50a0d}.glass-card{background:var(--gradient-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);border:1px solid #ffffff0f}.glass-card:hover{box-shadow:var(--shadow-gold);border-color:#f5d50a26;transform:translateY(-4px)}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:scale(.9)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.stagger-children.visible>:first-child{opacity:1;transition-delay:50ms;transform:translateY(0)}.stagger-children.visible>:nth-child(2){opacity:1;transition-delay:.1s;transform:translateY(0)}.stagger-children.visible>:nth-child(3){opacity:1;transition-delay:.15s;transform:translateY(0)}.stagger-children.visible>:nth-child(4){opacity:1;transition-delay:.2s;transform:translateY(0)}.stagger-children.visible>:nth-child(5){opacity:1;transition-delay:.25s;transform:translateY(0)}.stagger-children.visible>:nth-child(6){opacity:1;transition-delay:.3s;transform:translateY(0)}.stagger-children.visible>:nth-child(7){opacity:1;transition-delay:.35s;transform:translateY(0)}.stagger-children.visible>:nth-child(8){opacity:1;transition-delay:.4s;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 20px #f5d50a1a}50%{box-shadow:0 0 40px #f5d50a40}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes grid-move{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)}}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width:1024px){:root{--section-padding:80px 0}}@media (max-width:768px){:root{--section-padding:60px 0;--container-padding:0 16px}.section-title{font-size:clamp(1.75rem,6vw,2.5rem)}.section-subtitle{font-size:1rem}.btn-primary,.btn-secondary{padding:14px 28px;font-size:.9rem}}
