nav{background:var(--gradient-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:80px;padding:0 var(--spacing-xl);z-index:var(--z-fixed);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #0003}.logo{align-items:center;gap:var(--spacing-md);z-index:calc(var(--z-fixed) + 1);display:flex}.logo a{align-items:center;gap:var(--spacing-md);color:var(--color-text-primary);transition:transform var(--transition-base);text-decoration:none;display:flex}.logo img{width:auto;height:45px}.logo span{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.15em;text-transform:uppercase;background:var(--gradient-logo);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:var(--spacing-xs);align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-lg);transition:all var(--transition-base);align-items:center;gap:.5rem;text-decoration:none;display:flex}.nav-links a:hover{color:var(--color-accent)}.nav-links a.active{color:var(--color-accent);background:#ffffff1a}.nav-links a.icon-only{border-radius:var(--radius-full);justify-content:center;width:40px;height:40px;padding:0}.menu-toggle{color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);z-index:calc(var(--z-fixed) + 1);background:0 0;border:none;font-size:1.5rem;display:none}.nav-brand{margin-bottom:var(--spacing-2xl);display:none}.nav-brand img{width:120px;height:auto}@media (max-width:768px){nav{padding:var(--spacing-sm)var(--spacing-md);height:auto}.logo img{height:35px}.menu-toggle{display:block}.nav-links{background:var(--gradient-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;height:100dvh;padding:var(--spacing-2xl);padding-top:calc(70px + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-2xl) + env(safe-area-inset-bottom));z-index:var(--z-fixed);flex-direction:column;justify-content:flex-start;align-items:center;display:none;position:fixed;inset:0;overflow-y:auto}.nav-links.active{display:flex}.nav-links li{width:100%;max-width:300px}.nav-links a{width:100%;padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-lg);justify-content:flex-start}.nav-brand{display:none}}body.nav-open{overflow:hidden}
footer{background:var(--color-background-card);color:var(--color-text-primary);padding:var(--spacing-3xl)var(--spacing-xl)var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:auto;position:relative}.footer-content{gap:var(--spacing-2xl);max-width:1200px;padding-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;display:grid}.footer-section h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;position:relative}.footer-section h3:after{content:"";background:var(--color-primary);border-radius:var(--radius-sm);width:30px;height:3px;position:absolute;bottom:-8px;left:0}.footer-links{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer-links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);align-items:center;width:fit-content;padding:4px 0;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--color-primary);transform:translate(4px)}.footer-social{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.footer-social a{border-radius:var(--radius-md);background:var(--color-background);width:42px;height:42px;color:var(--color-text-secondary);transition:all var(--transition-base);border:1px solid var(--color-border);justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.footer-social a:hover{color:#fff;box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-3px)}.footer-social a[href*=instagram]:hover{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.footer-social a[href*=x\.com]:hover,.footer-social a[href*=twitter]:hover{background:#000}.footer-bottom{max-width:1200px;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 auto}.footer-bottom p{color:inherit;margin:var(--spacing-xs)0;line-height:1.6}.powered-by{margin-top:var(--spacing-sm)}.powered-by a{color:var(--color-primary);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);text-decoration:none}.powered-by a:hover{color:var(--color-primary-dark)}[data-theme=dark] footer{background:var(--color-background-gray);border-top-color:#ffffff14}[data-theme=dark] .footer-bottom{border-top-color:#ffffff14}[data-theme=dark] .footer-social a{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .footer-social a:hover{background:var(--color-primary);border-color:var(--color-primary)}
.hero{width:100%;min-height:100vh;padding:var(--spacing-3xl)var(--spacing-xl);z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-logo{width:100%;max-width:200px;margin:0 auto var(--spacing-3xl);opacity:.95;animation:.8s ease-out fadeInScale}.hero-logo img{filter:drop-shadow(0 8px 24px #0006);width:100%;height:auto;display:block}.hero-tagline{color:#fff;text-align:center;margin-bottom:var(--spacing-3xl);letter-spacing:-.03em;text-shadow:0 2px 4px #0000004d,0 4px 12px #00000080,0 8px 24px #0006;max-width:900px;margin-left:auto;margin-right:auto;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.1;animation:.8s ease-out .2s both fadeInUp}.hero-tagline span{background:linear-gradient(135deg,#e82127 0%,#00d4ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #e8212780);-webkit-background-clip:text;background-clip:text;display:inline-block}.cta-buttons{gap:var(--spacing-lg);margin-top:var(--spacing-xl);flex-wrap:wrap;justify-content:center;animation:.8s ease-out .4s both fadeInUp;display:flex}.btn{letter-spacing:.5px;text-align:center;cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:4px;justify-content:center;align-items:center;min-width:200px;padding:16px 48px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:not(.btn-outline){color:#fff;background:#171a20d9;border:1px solid #ffffff1a}.btn:not(.btn-outline):hover{background:#171a20f2;transform:translateY(-2px);box-shadow:0 12px 24px #0006}.btn-outline{color:#fff;background:#ffffff0d;border:2px solid #fff9}.btn-outline:hover{background:#ffffff26;border-color:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.scroll-indicator{bottom:var(--spacing-3xl);color:#ffffffb3;cursor:pointer;transition:color var(--transition-base);font-size:1.8rem;animation:2s ease-in-out infinite float;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator:hover{color:#fff}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:.95;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}@media (max-width:768px){.hero{padding:var(--spacing-2xl)var(--spacing-md);padding-top:calc(80px + var(--spacing-2xl) + env(safe-area-inset-top))}.hero-logo{max-width:150px;margin-bottom:var(--spacing-2xl)}.hero-tagline{margin-bottom:var(--spacing-2xl)}.cta-buttons{gap:var(--spacing-md);flex-direction:column;width:100%;max-width:320px}.btn{width:100%;padding:14px 32px}.scroll-indicator{bottom:var(--spacing-2xl);font-size:1.5rem}}@media (min-width:769px) and (max-width:1024px){.hero-logo{max-width:180px}.cta-buttons{gap:var(--spacing-md)}}