nav{position:fixed;top:0;left:0;right:0;width:100%;height:80px;background:var(--gradient-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;z-index:var(--z-fixed);box-shadow:0 2px 20px rgba(0,0,0,.2)}.logo{z-index:calc(var(--z-fixed) + 1)}.logo,.logo a{display:flex;align-items:center;gap:var(--spacing-md)}.logo a{text-decoration:none;color:var(--color-text-primary);transition:transform var(--transition-base)}.logo img{height:45px;width:auto}.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-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{gap:var(--spacing-xs);margin:0;padding:0;list-style:none}.nav-links,.nav-links a{display:flex;align-items:center}.nav-links a{gap:.5rem;color:var(--color-text-primary);text-decoration:none;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)}.nav-links a.active,.nav-links a:hover{color:var(--color-accent)}.nav-links a.active{background:hsla(0,0%,100%,.1)}.nav-links a.icon-only{width:40px;height:40px;padding:0;justify-content:center;border-radius:var(--radius-full)}.menu-toggle{display:none;background:none;border:none;color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);z-index:calc(var(--z-fixed) + 1)}.nav-brand{display:none;margin-bottom:var(--spacing-2xl)}.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{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100dvh;background:var(--gradient-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:center;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);overflow-y:auto}.nav-links.active{display:flex}.nav-links li{width:100%;max-width:300px}.nav-links a{width:100%;justify-content:flex-start;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.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);position:relative;border-top:1px solid var(--color-border);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.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);position:relative;text-transform:uppercase;letter-spacing:.05em}.footer-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:3px;background:var(--color-primary);border-radius:var(--radius-sm)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:4px 0}.footer-links a:hover{color:var(--color-primary);transform:translateX(4px)}.footer-social{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-secondary);font-size:1.2rem;transition:all var(--transition-base);border:1px solid var(--color-border)}.footer-social a:hover{color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:transparent}.footer-social a[href*=instagram]:hover{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.footer-social a[href*="x.com"]:hover,.footer-social a[href*=twitter]:hover{background:#000}.footer-bottom{max-width:1200px;margin:0 auto;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)}.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);text-decoration:none;font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.powered-by a:hover{color:var(--color-primary-dark)}[data-theme=dark] footer{background:var(--color-background-gray)}[data-theme=dark] .footer-bottom,[data-theme=dark] footer{border-top-color:hsla(0,0%,100%,.08)}[data-theme=dark] .footer-social a{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}[data-theme=dark] .footer-social a:hover{background:var(--color-primary);border-color:var(--color-primary)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:var(--spacing-3xl) var(--spacing-xl);position:relative;z-index:1;text-align:center}.hero-logo{max-width:200px;width:100%;margin:0 auto var(--spacing-3xl);animation:fadeInScale .8s ease-out;opacity:.95}.hero-logo img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.hero-tagline{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;color:#fff;text-align:center;margin-bottom:var(--spacing-3xl);line-height:1.1;letter-spacing:-.03em;animation:fadeInUp .8s ease-out .2s both;text-shadow:0 2px 4px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.4);max-width:900px;margin-left:auto;margin-right:auto}.hero-tagline span{display:inline-block;background:linear-gradient(135deg,#e82127,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(232,33,39,.5))}.cta-buttons{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s both;margin-top:var(--spacing-xl)}.btn,.cta-buttons{justify-content:center}.btn{padding:16px 48px;border-radius:4px;text-decoration:none;font-weight:600;font-size:15px;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:200px;text-align:center;position:relative;overflow:hidden;cursor:pointer;border:none;display:inline-flex;align-items:center;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:not(.btn-outline){background:rgba(23,26,32,.85);color:#fff;border:1px solid hsla(0,0%,100%,.1)}.btn:not(.btn-outline):hover{background:rgba(23,26,32,.95);transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.4)}.btn-outline{background:hsla(0,0%,100%,.05);color:#fff;border:2px solid hsla(0,0%,100%,.6)}.btn-outline:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.9);transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.3)}.scroll-indicator{position:absolute;bottom:var(--spacing-3xl);left:50%;transform:translateX(-50%);color:hsla(0,0%,100%,.7);font-size:1.8rem;animation:float 2s ease-in-out infinite;cursor:pointer;transition:color var(--transition-base)}.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}.hero-logo,.hero-tagline{margin-bottom:var(--spacing-2xl)}.cta-buttons{flex-direction:column;width:100%;max-width:320px;gap:var(--spacing-md)}.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)}}