.marquee-content:hover{animation-play-state:paused}:root{--color-bg: #050505;--color-surface-bg: rgba(255, 255, 255, .03);--color-surface-border: rgba(255, 255, 255, .08);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-accent: #3b82f6;--color-brand-primary: #3b82f6;--color-brand-secondary: #a855f7;--font-primary: "Inter", sans-serif;--font-heading: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--color-surface-bg);border:1px solid var(--color-surface-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px}.text-gradient{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 24px}nav{position:fixed;top:0;width:100%;z-index:100;border-bottom:1px solid var(--color-surface-border);background:#050505cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-content{display:flex;justify-content:space-between;align-items:center;height:80px}.nav-brand{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:.05em;text-decoration:none}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--color-text-primary)}section{padding:120px 0}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:60px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-secondary));color:#fff;font-weight:600;font-family:var(--font-heading);text-decoration:none;border-radius:999px;border:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.marquee-container{overflow:hidden;width:100%;position:relative;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);padding:20px 0;margin-top:24px}.marquee-content{display:flex;width:max-content;gap:32px;animation:scroll-left 40s linear infinite;align-items:center}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:4px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - 16px))}}.badge-wrapper{transform:scale(.85);transition:transform .3s ease}.badge-wrapper:hover{transform:scale(.95)}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;color:var(--color-text-primary);font-weight:500;font-size:.95rem}.form-input{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid var(--color-surface-border);border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--color-brand-primary);background:#ffffff14;box-shadow:0 0 0 4px #3b82f61a}textarea.form-input{resize:vertical;min-height:120px}@media (max-width: 768px){.mobile-menu-btn{display:block}.nav-links{position:absolute;top:80px;left:0;width:100%;background:#050505f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-direction:column;padding:32px 24px;gap:32px;border-bottom:1px solid var(--color-surface-border);transform:translateY(-150%);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease;align-items:center}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{font-size:1.1rem;width:100%;text-align:center}.marquee-container{mask-image:none!important;-webkit-mask-image:none!important}}
