@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&family=Pacifico&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Roboto+Slab:wght@300;400;600;700&display=swap";
:root{--bg-primary:#121316;--bg-secondary:#18191f;--bg-card:#1f2028;--bg-card-hover:#262832;--bg-darker:#0c0d0f;--brand-yellow:#ffd71b;--brand-yellow-hover:#ffe45c;--brand-pink:#ff1878;--brand-pink-gradient:linear-gradient(135deg, #ff1878 0%, #d80064 100%);--brand-cyan:#00e5ff;--brand-green:#00e676;--brand-orange:#ff9100;--brand-purple:#b388ff;--text-primary:#fff;--text-secondary:#b8bac7;--text-muted:#7b8092;--text-dark:#121316;--border-light:#ffffff14;--border-medium:#ffffff26;--border-yellow:#ffd71b59;--border-pink:#ff187859;--shadow-sm:0 4px 12px #00000040;--shadow-md:0 10px 30px #0006;--shadow-lg:0 20px 50px #0009;--shadow-glow-yellow:0 0 25px #ffd71b40;--shadow-glow-pink:0 0 25px #ff187840;--font-heading:"Oswald", sans-serif;--font-serif:"Roboto Slab", serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-accent:"Pacifico", cursive;--transition-fast:.2s cubic-bezier(.2, 0, 0, 1);--transition-normal:.35s cubic-bezier(.2, 0, 0, 1);--transition-slow:.6s cubic-bezier(.2, 0, 0, 1);--container-max:1540px;--bg-light-pure:#fff;--bg-light-surface:#f9f8f5;--bg-light-card:#fff;--bg-light-card-hover:#faf9f6;--text-light-heading:#121316;--text-light-body:#3c3f4e;--text-light-muted:#6e7284;--border-light-soft:#00000014;--border-light-gold:#c89b2759;--shadow-light-card:0 10px 30px #1213160d;--shadow-light-hover:0 20px 45px #1213161a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4.4rem)}h2{font-size:clamp(2rem,4.5vw,3.2rem)}h3{font-size:clamp(1.4rem,2.8vw,2rem)}h4{font-size:clamp(1.1rem,2vw,1.4rem)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 36px}.container-fluid{width:100%;padding:0 40px}.section-header{text-align:center;max-width:880px;margin:0 auto 55px;position:relative}.section-subtitle{font-family:var(--font-accent);color:var(--brand-pink);letter-spacing:1px;margin-bottom:8px;font-size:1.3rem;display:inline-block}.section-title{margin-bottom:16px;display:inline-block;position:relative}.section-divider{justify-content:center;align-items:center;gap:12px;margin:12px auto 18px;display:flex}.section-divider-line{background-color:var(--brand-yellow);width:45px;height:2px}.section-divider-dot{background-color:var(--brand-pink);width:8px;height:8px;transform:rotate(45deg)}.section-desc{color:var(--text-muted);font-size:1rem;line-height:1.7}.btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all var(--transition-normal);border:2px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:13px 32px;font-size:.85rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background-color:var(--brand-yellow);color:var(--text-dark);border-color:var(--brand-yellow)}.btn-primary:hover{color:var(--text-dark);box-shadow:var(--shadow-glow-yellow);background-color:#fff;border-color:#fff;transform:translateY(-2px)}.btn-pink{background-color:var(--brand-pink);color:#fff;border-color:var(--brand-pink)}.btn-pink:hover{background-color:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-dark);box-shadow:var(--shadow-glow-pink);transform:translateY(-2px)}.btn-outline{color:var(--text-primary);background-color:#0000;border-color:#fff6}.btn-outline:hover{background-color:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-dark);transform:translateY(-2px)}.btn-outline-pink{color:#fff;border-color:var(--brand-pink);background-color:#0000}.btn-outline-pink:hover{background-color:var(--brand-pink);color:#fff}.btn-dark{color:#fff;background-color:#121316;border-color:#121316}.btn-dark:hover{background-color:var(--brand-yellow);border-color:var(--brand-yellow);color:#121316;transform:translateY(-2px);box-shadow:0 8px 24px #ffd71b59}.btn-outline-dark{color:#121316;background-color:#0000;border-color:#12131666}.btn-outline-dark:hover{color:#fff;background-color:#121316;border-color:#121316;transform:translateY(-2px)}.btn-sm{letter-spacing:1.5px;padding:9px 22px;font-size:.75rem}.section-light{color:var(--text-light-body);background-color:var(--bg-light-pure)!important}.section-light .section-title{color:var(--text-light-heading)!important}.section-light .section-desc{color:var(--text-light-muted)!important}.section-dark{color:var(--text-secondary);background-color:var(--bg-primary)!important}.badge{font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-yellow{background-color:var(--brand-yellow);color:var(--text-dark)}.badge-pink{background-color:var(--brand-pink);color:#fff}.badge-green{background-color:var(--brand-green);color:var(--text-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #ffd71b66}50%{box-shadow:0 0 30px #ff187899}}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.anim-float{animation:4s ease-in-out infinite floatBob}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#333644;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--brand-yellow)}@media (max-width:768px){.container{padding:0 16px}.section-header{margin-bottom:35px}}
