.creditbar{display:grid;gap:var(--space-sm);min-width:220px}.creditbar-compact{gap:6px;min-width:200px}.cb-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);align-items:center}.cb-compact{grid-template-columns:1fr auto}.cb-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.cb-count{color:var(--text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.cb-track{height:8px;background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden;position:relative}.cb-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:0 0 12px #7c3aed59;transition:width .3s ease}.navbar{position:sticky;top:0;left:0;right:0;background:transparent;border-bottom:none;padding:0;z-index:1000;transition:all .3s ease}.navbar.scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:none}.navbar-container{display:flex;align-items:center;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);max-width:100%;margin:0;background:transparent;border:0;box-shadow:none;border-radius:0;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);text-decoration:none;transition:var(--transition-transform)}.logo-icon{font-size:var(--text-3xl);transition:var(--transition-transform);display:inline-block}.navbar-logo:hover .logo-icon{transform:rotate(-10deg) scale(1.1)}.logo-img{height:64px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(139,92,246,.35))}.logo-text{color:var(--text-primary)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.mobile-menu-toggle span{width:2rem;height:.25rem;background:var(--text-primary);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform-origin:1px}.mobile-menu-toggle.open span:first-child{transform:rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0;transform:translate(20px)}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg)}.navbar-menu{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);list-style:none;margin:0;padding:0;flex:1}.nav-link{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:var(--text-base);transition:var(--transition-colors);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);position:relative}.nav-icon{font-size:var(--text-lg);transition:var(--transition-transform);display:none}.nav-link:hover{color:#fff;background:#8b5cf61f}.nav-link:hover .nav-icon{transform:scale(1.2)}.nav-link.active{color:#fff;font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60%;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full);animation:slideIn .3s ease-out}@keyframes slideIn{0%{width:0;opacity:0}to{width:60%;opacity:1}}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);border:none;cursor:pointer;transition:var(--transition-all);box-shadow:0 6px 16px #7c3aed38}.btn-sm:hover{transform:translateY(-2px);box-shadow:0 10px 22px #7c3aed47}.btn-sm:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.nav-credits{display:flex;align-items:center}.credits-display{display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--background-secondary);border-radius:var(--radius-full);border:1px solid var(--border)}.credit-item{display:flex;align-items:center;gap:var(--space-xs)}.credit-icon{font-size:var(--text-base)}.credit-value{color:var(--primary-color);font-weight:700;font-size:var(--text-sm);min-width:20px;text-align:center}.nav-user-info{display:none}.user-name{color:var(--text-primary);font-weight:600;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);background:var(--background-secondary);border-radius:var(--radius-full);border:1px solid var(--border)}@media (max-width: 1024px){.navbar-menu{gap:var(--space-lg)}.nav-link{font-size:var(--text-sm)}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.navbar-menu{position:fixed;right:-100%;top:70px;flex-direction:column;background:#12121afa;width:280px;padding:var(--space-xl) var(--space-lg);gap:var(--space-sm);box-shadow:var(--shadow-xl);border-radius:var(--radius-lg) 0 0 var(--radius-lg);transition:right .35s ease;align-items:stretch;border-left:1px solid var(--border-light)}.navbar-menu.open{right:0}.navbar-menu li{width:100%}.nav-link{width:100%;padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-base)}.nav-icon{display:inline}.nav-link.active:after{display:none}.nav-link.active{background:var(--primary-50)}.btn-sm{width:100%;text-align:center;padding:var(--space-md);margin-top:var(--space-md)}.navbar-logo{font-size:var(--text-xl)}.logo-img{height:56px}}@media (max-width: 480px){.navbar-container{padding:var(--space-sm) var(--space-md)}.navbar-menu{width:100%;right:-100%;border-radius:0}.navbar-logo{font-size:var(--text-lg)}.logo-img{height:48px}}.site-footer{border-top:1px solid var(--border-light);background:var(--surface)}.footer-wrap{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) 0;gap:var(--space-lg)}.brand{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;color:var(--text-primary)}.footer-logo{height:32px;width:auto;display:block}.brand-name{font-size:1.1rem}.footer-nav{display:flex;gap:var(--space-3xl)}.footer-column{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-column h4{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.footer-column a{color:var(--text-secondary);font-size:var(--text-sm);transition:var(--transition-colors)}.footer-column a:hover{color:var(--primary-color)}.copy{color:var(--text-tertiary);font-size:.95rem}@media (max-width: 768px){.footer-wrap{flex-direction:column;align-items:flex-start}.footer-nav{flex-wrap:wrap;row-gap:var(--space-sm)}}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:var(--space-lg);animation:slideUp .4s ease-out;pointer-events:none}.cookie-consent-banner{max-width:1200px;margin:0 auto;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:0 -4px 24px #00000026,0 0 0 1px #7c3aed1a;padding:var(--space-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.cookie-content{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);align-items:flex-start}.cookie-icon{font-size:48px;line-height:1;flex-shrink:0;animation:bounce 2s infinite}.cookie-text h3{font-size:var(--text-xl);margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:700}.cookie-text p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-sm);font-size:var(--text-sm)}.cookie-link{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:4px;transition:var(--transition-colors)}.cookie-link:hover{color:var(--primary-hover);text-decoration:underline}.cookie-actions{display:flex;gap:var(--space-md);justify-content:flex-end;flex-wrap:wrap}.cookie-actions .btn{padding:var(--space-md) var(--space-xl);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.cookie-preferences{margin-bottom:var(--space-xl)}.cookie-preferences h3{font-size:var(--text-xl);margin-bottom:var(--space-xs);color:var(--text-primary);font-weight:700}.cookie-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-xl)}.preference-item{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:var(--transition-all);background:var(--surface-hover)}.preference-item:hover{border-color:var(--primary-400);box-shadow:0 2px 8px #7c3aed1a}.preference-header{margin-bottom:var(--space-sm)}.preference-label{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;width:100%}.preference-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.preference-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0}.preference-info{display:flex;align-items:center;gap:var(--space-sm);flex:1}.preference-info strong{color:var(--text-primary);font-size:var(--text-base)}.required-badge{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.preference-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0;padding-left:34px}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.cookie-consent-overlay{padding:var(--space-md)}.cookie-consent-banner{padding:var(--space-lg)}.cookie-content{flex-direction:column;gap:var(--space-md)}.cookie-icon{font-size:36px}.cookie-text h3{font-size:var(--text-lg)}.cookie-actions{flex-direction:column}.cookie-actions .btn{width:100%}.preference-desc{padding-left:0;margin-top:var(--space-sm)}}@media (max-width: 480px){.cookie-consent-banner{padding:var(--space-md)}.cookie-text h3{font-size:var(--text-base)}.cookie-text p{font-size:var(--text-xs)}.preference-info{flex-direction:column;align-items:flex-start}}.landing-page{width:100%;overflow-x:hidden}.hero{min-height:100vh;display:flex;align-items:center;padding:var(--space-3xl) 0;background:var(--gradient-hero);color:var(--text-primary);text-align:center;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:backgroundScroll 30s linear infinite}@keyframes backgroundScroll{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.hero:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,58,237,.14) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1;animation:fadeIn 1s ease-out}.hero-title{font-size:var(--text-6xl);margin-bottom:var(--space-xl);font-weight:800;line-height:1.1;letter-spacing:-.03em;animation:slideInDown .8s ease-out;position:relative}.hero-title .gold-underline{position:absolute;left:50%;transform:translate(-50%);bottom:-12px;width:0;height:4px;background:var(--gradient-warm);border-radius:var(--radius-full);transition:width .8s ease}.hero-title.in-view .gold-underline{width:220px}.hero-subtitle{font-size:var(--text-xl);margin-bottom:var(--space-2xl);opacity:.95;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto;animation:slideInUp .8s ease-out .2s both}.hero-buttons{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;animation:slideInUp .8s ease-out .4s both}.hero-buttons .btn{min-width:180px}.glow-btn{position:relative;box-shadow:0 0 #00d4ff99;animation:pulse-glow 2.6s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #00d4ff73}70%{box-shadow:0 0 0 16px #00d4ff00}to{box-shadow:0 0 #00d4ff00}}.hero-icons{display:flex;gap:var(--space-xl);justify-content:center;margin-top:var(--space-2xl)}.hero-icon{font-size:2rem;opacity:0;transform:translateY(10px);animation:fadeUp .8s ease forwards}.hero-icon:nth-child(1){animation-delay:.2s}.hero-icon:nth-child(2){animation-delay:.4s}.hero-icon:nth-child(3){animation-delay:.6s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.particle-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;bottom:-10px;background:radial-gradient(circle,var(--teal) 0%,rgba(0,212,255,.5) 60%,transparent 70%);border-radius:50%;animation:floatUp linear infinite;filter:blur(.3px)}@keyframes floatUp{0%{transform:translateY(0)}to{transform:translateY(-110vh)}}.hero-buttons .btn-secondary{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3)}.hero-buttons .btn-secondary:hover{background:#ffffff4d;border-color:#ffffff80}.features{padding:var(--space-3xl) 0;background:linear-gradient(to bottom,var(--background-secondary),var(--background));position:relative;isolation:isolate}.section-title{text-align:center;font-size:var(--text-4xl);margin-bottom:var(--space-2xl);color:var(--text-primary);position:relative;display:block;margin-left:auto;margin-right:auto}.section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-warm);border-radius:var(--radius-full)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}.feature-card{background:var(--surface);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card.glass{background:var(--glass-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--teal)}.feature-icon{font-size:3.5rem;margin-bottom:var(--space-lg);display:inline-block;animation:float 3s ease-in-out infinite;transition:transform .3s ease}.feature-icon img{width:80px;height:80px;object-fit:contain;display:block}.feature-card:hover .feature-icon{transform:scale(1.2) rotate(5deg)}.feature-card:nth-child(1) .feature-icon{animation-delay:0s}.feature-card:nth-child(2) .feature-icon{animation-delay:.5s}.feature-card:nth-child(3) .feature-icon{animation-delay:1s}.feature-card:nth-child(4) .feature-icon{animation-delay:1.5s}.feature-card:nth-child(5) .feature-icon{animation-delay:2s}.feature-card:nth-child(6) .feature-icon{animation-delay:2.5s}.feature-card h3{font-size:var(--text-xl);margin-bottom:var(--space-md);color:var(--text-primary);font-weight:700}.feature-card p{color:var(--text-secondary);line-height:1.7;font-size:var(--text-base);word-break:break-word}.trusted-by{padding:var(--space-xl) 0;background:var(--surface);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.logo-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-xl);align-items:center;justify-items:center;opacity:.85}.logo-pseudo{font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.use-cases{padding:var(--space-3xl) 0;background:#fff}.use-case-card h3{margin-bottom:var(--space-sm)}.testimonials{padding:var(--space-3xl) 0;background:linear-gradient(180deg,var(--background-secondary),var(--background));isolation:isolate}.carousel{position:relative;overflow:hidden}.carousel-track{display:grid;grid-auto-flow:column;gap:var(--space-xl);transform:translate(calc(var(--offset) * -100%));transition:transform .6s ease}.testimonial-card{min-width:calc((100% - (2 * var(--space-xl))) / var(--visible));background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow)}.testimonial-card p{font-style:italic;color:#d9e2ff;word-break:break-word}.testimonial-card .author{display:block;margin-top:var(--space-md);color:#a8b2d1;font-weight:700}.carousel-progress{position:absolute;left:0;right:0;bottom:-6px;height:3px;background:#ffffff14}.carousel-progress:after{content:"";display:block;height:100%;width:0;background:var(--gradient-secondary);animation:progress 5s linear infinite}@keyframes progress{to{width:100%}}.faq{padding:var(--space-3xl) 0;background:var(--surface)}.faq-item h3{margin-bottom:var(--space-sm)}.faq-item p{color:var(--text-secondary)}.how-it-works{padding:var(--space-3xl) 0;background:var(--background);position:relative;isolation:isolate}.how-it-works .section-title{display:block;left:0;transform:none;margin:0 auto var(--space-2xl);text-align:center}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2xl);margin-top:var(--space-3xl);position:relative}.steps:before{content:"";position:absolute;top:30px;left:10%;right:10%;height:2px;background:linear-gradient(to right,var(--primary-200),var(--primary-400),var(--primary-200));z-index:0}.step{text-align:center;position:relative;z-index:1;animation:fadeIn .6s ease-out both}.step:nth-child(1){animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.step:nth-child(4){animation-delay:.4s}.step-number{width:70px;height:70px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:800;margin:0 auto var(--space-lg);box-shadow:0 10px 30px #7c3aed59;position:relative;transition:all .3s ease}.step:hover .step-number{transform:scale(1.15) rotate(360deg);box-shadow:0 15px 40px #7c3aed80}.step-number:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--primary-200);animation:pulse 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0}}.step h3{font-size:var(--text-xl);margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:700}.step p{color:var(--text-secondary);line-height:1.7;font-size:var(--text-base)}.cta{padding:var(--space-3xl) 0;background:var(--gradient-cta);color:#fff;text-align:center;position:relative;overflow:hidden;isolation:isolate}.cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cta>*{position:relative;z-index:1}.cta h2{font-size:var(--text-4xl);margin-bottom:var(--space-md);font-weight:800;line-height:1.2}.cta p{font-size:var(--text-xl);margin-bottom:var(--space-2xl);opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.cta .btn-primary{background:#fff;color:var(--primary-600);box-shadow:0 10px 40px #0003}.cta .btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 50px #0000004d}@media (max-width: 1024px){.steps:before{display:none}}.pricing{padding:var(--space-3xl) 0;background:var(--background-secondary)}.price-card{position:relative}.price-card.popular{border-color:var(--gold);box-shadow:0 10px 30px #ffd70026}.badge-gold{position:absolute;top:-12px;right:16px;background:var(--gold);color:#0a0f2a;font-weight:800;padding:4px 10px;border-radius:var(--radius-full);animation:shimmer 2.4s linear infinite}@keyframes shimmer{0%{filter:brightness(1)}50%{filter:brightness(1.25)}to{filter:brightness(1)}}.price-header{font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:.04em}.price-value .amount{font-size:2.25rem;font-weight:800;color:var(--text-primary)}.price-features{list-style:none;margin:0 0 var(--space-lg);padding:0;color:var(--text-secondary)}.price-features li{margin:6px 0}.footer{background:#0a0f2ae6;border-top:1px solid var(--border-light);padding:var(--space-lg) 0}.footer-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-lg)}.footer-left{color:#a8b2d1}.footer-right a{color:#a8b2d1;margin-right:var(--space-md)}.footer-right a:hover{color:var(--teal)}.social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);color:#e6eaf2;margin:0 6px;transition:var(--transition-all);position:relative}.social:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px);box-shadow:0 10px 20px #00d4ff26}.scroll-top{background:transparent;color:var(--teal);border:1px solid var(--teal);border-radius:var(--radius-full);padding:4px 10px}@media (max-width: 768px){.hero{min-height:80vh;padding:var(--space-2xl) 0}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-lg)}.section-title{font-size:var(--text-3xl)}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:var(--space-3xl)}.cta h2{font-size:var(--text-3xl)}.cta p{font-size:var(--text-lg)}}@media (max-width: 480px){.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}.feature-card{padding:var(--space-lg)}}.login-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);padding:var(--space-xl) var(--space-md);position:relative;overflow:hidden;animation:fadeIn .8s ease-out}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:backgroundScroll 40s linear infinite;opacity:.5;pointer-events:none;z-index:0}.login-page:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 70%);animation:float 25s ease-in-out infinite;pointer-events:none;z-index:0}.login-container{width:100%;max-width:480px;position:relative;z-index:1;animation:slideInUp .8s ease-out .2s both}.login-card{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border-light);box-shadow:var(--shadow);border-radius:var(--radius-xl);padding:var(--space-3xl);position:relative;overflow:hidden;animation:scaleIn .6s ease-out .4s both}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.login-card h1{font-size:var(--text-4xl);margin-bottom:var(--space-sm);text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;animation:slideInDown .6s ease-out .6s both}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:var(--text-lg);line-height:1.6;animation:fadeIn .6s ease-out .8s both}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-2xl);align-items:center}.auth-side{padding:var(--space-3xl);border-radius:var(--radius-xl);position:relative;overflow:hidden}.auth-side:after{content:"";position:absolute;right:-20%;bottom:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 70%);filter:blur(20px)}.brand-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.brand-logo{height:36px;width:auto}.brand-name{font-weight:800;color:var(--text-primary)}.auth-side h2{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}.benefits{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm);color:var(--text-secondary)}.benefits li{display:flex;align-items:center;gap:var(--space-sm)}.oauth-buttons{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.oauth-btn:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.oauth-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center}.input-with-icon{position:relative}.field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.8}.input-with-icon input{padding-left:44px}.toggle-pass{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;color:var(--text-secondary)}.remember-row{display:flex;align-items:center;justify-content:space-between;margin:var(--space-sm) 0 var(--space-lg)}.remember{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm)}.forgot{color:var(--primary-color);font-weight:600;background:transparent}.consent-section{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--surface-hover);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.consent-checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-colors)}.consent-checkbox:hover{color:var(--text-primary)}.consent-checkbox input[type=checkbox]{margin-top:2px;cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color);flex-shrink:0}.consent-checkbox span{line-height:1.5}.consent-checkbox a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition-colors)}.consent-checkbox a:hover{color:var(--primary-hover);text-decoration:underline}.legal-note{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-sm)}.legal-note a{color:var(--text-secondary);text-decoration:underline}.auth-notice{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);position:relative;animation:slideInLeft .6s ease-out 1s both}.auth-notice:before{content:"⚡";position:absolute;top:var(--space-lg);left:var(--space-lg);font-size:var(--text-xl)}.auth-notice p{margin:0;color:var(--text-primary);font-size:var(--text-sm);line-height:1.6;padding-left:2rem}.auth-notice span{color:var(--primary-color);font-weight:600;transition:var(--transition-colors)}.auth-notice span:hover{color:var(--primary-hover);text-decoration:underline}.input-group{margin-bottom:var(--space-xl);animation:fadeIn .6s ease-out both}.input-group:nth-child(1){animation-delay:1.2s}.input-group:nth-child(2){animation-delay:1.4s}.input-group input{width:100%;padding:var(--space-lg);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--text-base);transition:var(--transition-all);background:var(--surface)}.input-group input:focus{outline:none;border-color:var(--primary-400);background:var(--surface-hover);box-shadow:0 0 0 3px #7c3aed26;transform:translateY(-2px)}.input-group input::placeholder{color:var(--text-tertiary)}.btn-full{width:100%;margin-bottom:var(--space-lg);animation:slideInUp .6s ease-out 1.6s both}.login-footer{text-align:center;margin-top:var(--space-xl);animation:fadeIn .6s ease-out 1.8s both}.login-footer p{color:var(--text-secondary);margin-bottom:var(--space-md)}.toggle-auth{color:var(--primary-color);cursor:pointer;font-weight:600;transition:var(--transition-colors);position:relative}.toggle-auth:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.toggle-auth:hover:after{width:100%}.toggle-auth:hover{color:var(--primary-hover)}.divider{display:flex;align-items:center;text-align:center;margin:var(--space-xl) 0;color:var(--text-secondary);animation:fadeIn .6s ease-out 2s both}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-light);position:relative}.divider:before:after,.divider:after:before{content:"";position:absolute;top:-1px;width:20px;height:2px;background:var(--gradient-primary);animation:shimmer 2s linear infinite}.divider span{padding:0 var(--space-lg);font-size:var(--text-sm);font-weight:600;background:var(--surface);border-radius:var(--radius-full);border:1px solid var(--border)}.btn-secondary{animation:slideInUp .6s ease-out 2.2s both}.particle-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.particle{position:absolute;background:radial-gradient(circle,var(--primary-500) 0%,rgba(124,58,237,.3) 60%,transparent 70%);border-radius:50%;animation:floatUp linear infinite;filter:blur(.5px)}@keyframes floatUp{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-120vh);opacity:0}}@media (max-width: 1024px){.auth-layout{grid-template-columns:1fr}}@media (max-width: 768px){.auth-side{display:none}.login-card{padding:var(--space-xl);margin:var(--space-md)}.login-card h1{font-size:var(--text-3xl)}.login-subtitle{font-size:var(--text-base)}}@media (max-width: 480px){.login-page{padding:var(--space-md)}.login-card{padding:var(--space-lg)}.login-card h1{font-size:var(--text-2xl)}}.spinner-container{display:flex;align-items:center;justify-content:center}.spinner-container.small .loading-spinner{width:24px;height:24px;border-width:2px}.spinner-container.medium .loading-spinner{width:40px;height:40px;border-width:3px}.spinner-container.large .loading-spinner{width:60px;height:60px;border-width:4px}.generate-page{padding:var(--space-3xl) 0;min-height:calc(100vh - 80px);animation:fadeIn .6s ease-out}.page-header{text-align:center;margin-bottom:var(--space-3xl);animation:slideInDown .6s ease-out}.page-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-secondary);font-size:var(--text-lg)}.generate-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}.generate-input{animation:slideInLeft .6s ease-out .2s both}.generate-output{animation:slideInRight .6s ease-out .2s both;position:sticky;top:100px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.tab{flex:1;padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);transition:var(--transition-all);cursor:pointer}.tab:hover{color:var(--primary-color);background:#7c3aed14}.tab.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow);transform:scale(1.02)}.image-preview{margin-top:var(--space-lg);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border-light);box-shadow:var(--shadow);position:relative;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);box-shadow:inset 0 0 20px #0000001a;pointer-events:none}.image-preview img{width:100%;height:auto;display:block;transition:transform .3s ease}.templates{margin-top:var(--space-xl)}.template-btn{padding:var(--space-md);background:var(--background-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-align:center;transition:var(--transition-all);color:var(--text-primary);cursor:pointer;position:relative;overflow:hidden}.template-btn:hover{background:var(--surface-hover);border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow)}.template-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 15px #7c3aed73}.output-card{min-height:600px;display:flex;flex-direction:column;background:linear-gradient(to bottom right,var(--surface),var(--background-secondary))}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;gap:var(--space-lg)}.progress-bar{width:100%;max-width:300px;margin:var(--space-lg) 0}.progress-text{font-weight:700;font-size:var(--text-2xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-container{flex:1;display:flex;flex-direction:column;animation:fadeIn .6s ease-out}.generated-image{width:100%;height:auto;border-radius:var(--radius-lg);margin-bottom:var(--space-xl);box-shadow:var(--shadow-lg);transition:transform .3s ease;animation:zoomIn .6s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.generated-image:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.result-actions{display:flex;gap:var(--space-md);animation:slideInUp .6s ease-out .3s both}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--text-lg);gap:var(--space-md)}.empty-state:before{content:"✨";font-size:4rem;opacity:.5;animation:float 3s ease-in-out infinite}@media (max-width: 640px){.generate-page{padding:var(--space-xl) 0}.page-header{margin-bottom:var(--space-xl)}.template-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions .btn{width:100%}}#image-upload{border-radius:var(--radius-xl);border:2px dashed var(--primary-400);background:linear-gradient(135deg,rgba(124,58,237,.08),transparent);color:var(--text-secondary)}#image-upload::file-selector-button{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);margin-right:var(--space-md);font-weight:700;cursor:pointer;box-shadow:0 6px 16px #7c3aed40;transition:transform .2s ease,box-shadow .2s ease}#image-upload::file-selector-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #7c3aed52}#image-upload::-webkit-file-upload-button{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);margin-right:var(--space-md);font-weight:700;cursor:pointer;box-shadow:0 6px 16px #7c3aed40;transition:transform .2s ease,box-shadow .2s ease}#image-upload::-webkit-file-upload-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #7c3aed52}.gallery-page{padding:var(--space-3xl) 0;min-height:calc(100vh - 80px);animation:fadeIn .6s ease-out}.gallery-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-2xl);background:var(--background-secondary);padding:var(--space-xs);border-radius:var(--radius-lg);max-width:400px;box-shadow:var(--shadow-inner)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);color:var(--text-secondary);gap:var(--space-lg)}.empty-gallery{text-align:center;padding:var(--space-3xl) var(--space-lg);animation:fadeIn .6s ease-out}.empty-icon{font-size:5rem;margin-bottom:var(--space-xl);opacity:.5;animation:float 3s ease-in-out infinite}.empty-gallery h2{font-size:var(--text-3xl);margin-bottom:var(--space-sm);color:var(--text-primary)}.empty-gallery p{color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:var(--text-lg);max-width:500px;margin-left:auto;margin-right:auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl);animation:fadeIn .6s ease-out}.gallery-item{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .4s cubic-bezier(.4,0,.2,1);animation:scaleIn .4s ease-out both}.gallery-item:nth-child(1){animation-delay:.05s}.gallery-item:nth-child(2){animation-delay:.1s}.gallery-item:nth-child(3){animation-delay:.15s}.gallery-item:nth-child(4){animation-delay:.2s}.gallery-item:nth-child(5){animation-delay:.25s}.gallery-item:nth-child(6){animation-delay:.3s}.gallery-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.item-preview{aspect-ratio:1;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,var(--background-secondary),var(--surface));position:relative}.item-preview:after{content:"🔍";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:var(--text-4xl);background:#000000b3;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;opacity:0}.item-preview:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.item-preview img,.item-preview video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.item-preview:hover img,.item-preview:hover video{transform:scale(1.1)}.item-info{padding:var(--space-lg);background:linear-gradient(to bottom,white,var(--background-secondary))}.item-prompt{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;font-weight:500}.item-date{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.item-actions{padding:0 var(--space-lg) var(--space-lg);display:flex;gap:var(--space-sm)}.item-actions .btn{flex:1;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.btn-danger{background:var(--gradient-secondary);color:#fff;box-shadow:0 4px 15px #f5576c4d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c66}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-lg);animation:fadeIn .3s ease-out}.modal-content{max-width:90vw;max-height:90vh;background:#fff;border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:var(--shadow-xl);animation:zoomIn .4s cubic-bezier(.4,0,.2,1)}.modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:48px;height:48px;border-radius:50%;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.2);font-size:var(--text-2xl);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.modal-close:hover{background:#000000e6;border-color:#fff6;transform:rotate(90deg) scale(1.1)}.modal-content img,.modal-content video{max-width:100%;max-height:70vh;display:block;background:#000}.modal-info{padding:var(--space-xl);background:linear-gradient(to bottom,white,var(--background-secondary))}.modal-prompt{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.7;font-weight:500}.modal-actions{display:flex;gap:var(--space-md)}.modal-actions .btn{flex:1}@media (max-width: 768px){.gallery-grid{grid-template-columns:1fr;gap:var(--space-lg)}.gallery-tabs{max-width:100%}.modal-content img,.modal-content video{max-height:50vh}.modal-info{padding:var(--space-lg)}.modal-close{top:var(--space-md);right:var(--space-md);width:40px;height:40px}}@media (max-width: 480px){.gallery-page{padding:var(--space-xl) 0}.gallery-grid{gap:var(--space-md)}.item-actions,.modal-actions{flex-direction:column}}.video-page{padding:var(--space-3xl) 0;min-height:calc(100vh - 80px);background:linear-gradient(to bottom,var(--background),var(--background-secondary));animation:fadeIn .8s ease-out;position:relative;overflow:hidden}.video-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M50 50v-8h-4v8h-8v4h8v8h4v-8h8v-4h-8zm0-40V0h-4v10h-8v4h8v8h4v-8h8v-4h-8zM10 50v-8H6v8H-2v4h8v8h4v-8h8v-4h-8zM10 10V0H6v10H-2v4h8v8h4v-8h8v-4h-8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:backgroundScroll 50s linear infinite;opacity:.3}.video-page:after{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 60%);animation:float 30s ease-in-out infinite}.page-header{text-align:center;margin-bottom:var(--space-3xl);animation:slideInDown .8s ease-out;position:relative;z-index:1}.page-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.page-header p{color:var(--text-secondary);font-size:var(--text-lg);max-width:600px;margin:0 auto}.generate-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start;position:relative;z-index:1}.generate-input,.generate-output{display:flex;flex-direction:column;gap:var(--space-xl)}.generate-input{animation:slideInLeft .8s ease-out .2s both}.generate-output{animation:slideInRight .8s ease-out .2s both;position:sticky;top:100px}.card{background:var(--glass-background);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-300)}.card h2{font-size:var(--text-2xl);margin-bottom:var(--space-lg);color:var(--text-primary);font-weight:700;position:relative}.card h2:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:var(--gradient-secondary);border-radius:var(--radius-full)}.source-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--background-secondary);padding:var(--space-xs);border-radius:var(--radius-lg);box-shadow:var(--shadow-inner)}.tab{flex:1;padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);transition:var(--transition-all);cursor:pointer;position:relative;overflow:hidden}.tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.tab:hover{color:var(--primary-color);background:var(--primary-50);transform:translateY(-2px)}.tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #7c3aed59;transform:scale(1.02)}.tab.active:before{opacity:.2}.input-group input,.input-group textarea,.input-group select{width:100%;padding:var(--space-lg);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--text-base);transition:var(--transition-all);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary-400);background:#fff;box-shadow:0 0 0 3px #7c3aed26;transform:translateY(-2px)}.image-preview{margin-top:var(--space-lg);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border-light);box-shadow:var(--shadow);position:relative;animation:scaleIn .5s ease-out;transition:var(--transition-all)}.image-preview:hover{border-color:var(--primary-300);box-shadow:0 8px 25px #7c3aed33;transform:scale(1.02)}@media (max-width: 968px){.generate-layout{grid-template-columns:1fr}}.image-preview img{width:100%;height:auto;display:block;transition:transform .4s ease}.image-preview:hover img{transform:scale(1.05)}.templates h3{font-size:var(--text-base);margin-bottom:var(--space-md);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.template-btn{padding:var(--space-md);background:#ffffff0d;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-align:center;transition:var(--transition-all);color:var(--text-primary);cursor:pointer;position:relative;overflow:hidden}.template-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.template-btn:hover{background:#ffffff1a;border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow)}.template-btn:hover:before{opacity:.1}.template-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 15px #00d4ff73}.template-btn.active:before{opacity:1}.generation-notice{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm);position:relative;animation:slideInUp .6s ease-out;overflow:hidden}.generation-notice:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,215,0,.05),transparent);animation:shimmer 3s linear infinite}.generation-notice:after{content:"⏱️";font-size:var(--text-3xl);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.generation-notice p{margin:0;color:var(--text-primary);font-size:var(--text-sm);font-weight:500;line-height:1.6;position:relative;z-index:1}.output-card{min-height:600px;display:flex;flex-direction:column;background:linear-gradient(to bottom right,var(--surface),rgba(255,255,255,.05));position:relative}.output-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,212,255,.03) 0%,transparent 70%);animation:float 25s ease-in-out infinite;pointer-events:none}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;gap:var(--space-lg);position:relative;z-index:1}.loading-container p{color:var(--text-secondary);font-size:var(--text-lg);font-weight:500}.loading-subtext{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-sm);font-weight:500;animation:fadeIn 1s ease-in-out infinite alternate}.progress-bar{width:100%;max-width:300px;height:12px;background-color:var(--border-light);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-inner);position:relative}.progress-bar-fill{height:100%;background:var(--gradient-primary);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.progress-text{font-weight:700;font-size:var(--text-2xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 1.5s ease-in-out infinite}.result-container{flex:1;display:flex;flex-direction:column;animation:fadeIn .8s ease-out;position:relative;z-index:1}.generated-video{width:100%;border-radius:var(--radius-xl);margin-bottom:var(--space-xl);background-color:#000;box-shadow:var(--shadow-xl);animation:zoomIn .8s cubic-bezier(.4,0,.2,1);transition:all .4s ease;border:2px solid transparent}.generated-video:hover{transform:scale(1.02);box-shadow:0 30px 60px -12px #0009;border-color:#00d4ff4d}.result-actions{display:flex;gap:var(--space-md);animation:slideInUp .8s ease-out .3s both}.result-actions .btn{flex:1}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--text-lg);gap:var(--space-md);position:relative;z-index:1}.empty-state:before{content:"🎬";font-size:5rem;opacity:.5;animation:float 4s ease-in-out infinite}.empty-state p{text-align:center;max-width:300px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes backgroundScroll{0%{transform:translate(0)}to{transform:translate(80px,80px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 1024px){.generate-output{position:static}}@media (max-width: 968px){.generate-layout{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.output-card{min-height:400px}}@media (max-width: 640px){.video-page{padding:var(--space-xl) 0}.page-header{margin-bottom:var(--space-xl)}.template-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions .btn{width:100%}.card{padding:var(--space-lg)}}.pricing-page{min-height:calc(100vh - 80px);padding:var(--space-3xl) 0;background:linear-gradient(to bottom,var(--background),var(--background-secondary))}.pricing-page.loading{display:flex;align-items:center;justify-content:center}.pricing-header{text-align:center;margin-bottom:var(--space-2xl)}.pricing-header h1{color:var(--text-primary);font-size:var(--text-4xl);margin-bottom:var(--space-sm)}.pricing-header p{color:var(--text-secondary)}.info-banner{max-width:800px;margin:0 auto var(--space-xl);background:var(--info-light);border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.price-card{position:relative;border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--border-light);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease;background:var(--surface)}.price-card.popular{border-color:var(--primary-400);box-shadow:0 12px 36px #7c3aed47}.price-card.popular:before{content:none}.price-card.popular:after{content:none}.price-card.glass{background:transparent;border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.badge-gold{position:absolute;top:-12px;right:16px;background:var(--gold);color:#0a0f2a;font-weight:800;padding:4px 10px;border-radius:var(--radius-full)}.plan-name{color:var(--text-primary);font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-sm)}.price-value{display:flex;align-items:baseline;gap:4px;margin-bottom:var(--space-md)}.price-value .currency{color:var(--primary-color);font-weight:700}.price-value .amount{font-size:2.5rem;font-weight:800;color:var(--text-primary)}.price-value .period{color:var(--text-tertiary)}.features{list-style:none;margin:0 0 var(--space-lg) 0;padding:0;color:var(--text-secondary)}.features li{margin:8px 0}.features .muted{font-size:var(--text-sm);opacity:.85}.credits-info{margin-top:var(--space-3xl)}.credits-info .card{padding:var(--space-xl);border-radius:var(--radius-xl);background:var(--surface)}.credits-info h2{color:var(--text-primary);text-align:center;margin-bottom:var(--space-xl)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.info-grid h4{color:var(--text-primary);margin-bottom:var(--space-xs)}.info-grid p{color:var(--text-secondary)}.purchase-btn.paid{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 8px 22px #7c3aed59;position:relative;overflow:hidden;animation:none}.purchase-btn.paid:before{content:none}.purchase-btn.paid:hover:before{animation:none}.price-card.professional{border-color:var(--primary-400)}.price-card.professional:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-xl);padding:2px;background:conic-gradient(from 0deg,#7c3aed1a,#7c3aed99,#7c3aed1a,#7c3aed99);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.price-card.professional:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px #7c3aed59,0 0 24px #7c3aed26;pointer-events:none}@media (max-width: 768px){.pricing-header h1{font-size:var(--text-3xl)}}.how-hero{background:var(--gradient-hero);border-bottom:1px solid var(--border-light)}.how-hero .container{padding:var(--space-3xl) 0}.how-hero h1{margin-bottom:var(--space-sm)}.how-hero p{color:var(--text-tertiary)}.how-steps{padding:var(--space-3xl) 0}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xl)}.step-card{padding:var(--space-xl)}.step-no{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--primary-100);color:var(--primary-700);font-weight:700;margin-bottom:var(--space-md)}.how-cta{padding:var(--space-3xl) 0}.cta-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2xl)}@media (max-width: 1024px){.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.steps-grid{grid-template-columns:1fr}.cta-card{flex-direction:column;gap:var(--space-lg);align-items:flex-start}}.legal-page{background:var(--background);min-height:calc(100vh - 80px)}.legal-wrap{padding:var(--space-3xl) 0;max-width:800px}.muted{color:var(--text-tertiary);margin-bottom:var(--space-xl)}.legal-section{margin:var(--space-2xl) 0}.legal-section h2{margin-bottom:var(--space-md);color:var(--text-primary)}.legal-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-md)}.legal-section ul{margin:var(--space-md) 0;padding-left:var(--space-xl)}.legal-section li{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-sm)}.legal-section a{color:var(--primary-color);text-decoration:none;font-weight:600}.legal-section a:hover{text-decoration:underline}.legal-disclaimer{background:var(--surface-hover);border-left:4px solid var(--primary-color);padding:var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-3xl)}.opt-out-form{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-top:var(--space-2xl)}.do-not-sell-form{margin-top:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);transition:var(--transition-all);background:var(--background);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #7c3aed1a}.form-note{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-md);font-style:italic}.success-message-box{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:2px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center}.success-icon{width:64px;height:64px;background:#22c55e33;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);font-size:32px;color:#22c55e;font-weight:700}.success-message-box h3{color:var(--text-primary);margin-bottom:var(--space-md)}.success-message-box p{color:var(--text-secondary);margin-bottom:var(--space-sm)}@media (max-width: 768px){.legal-wrap{padding:var(--space-xl) var(--space-md)}.legal-section{margin:var(--space-xl) 0}.opt-out-form{padding:var(--space-lg)}}.settings-page{padding:var(--space-3xl) 0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.page-header{text-align:center;margin-bottom:var(--space-2xl)}.page-header h1{margin-bottom:var(--space-sm)}.account-info .row{display:grid;grid-template-columns:140px 1fr auto;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md)}.account-info .row .value{color:var(--text-secondary)}.account-info input{padding:var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary)}.security-form .input-group{margin-bottom:var(--space-md)}.prefs-form{display:grid;gap:var(--space-md)}.switch-row{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary)}.billing .credits{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}.credit-line{display:flex;justify-content:space-between;color:var(--text-secondary)}.card.danger{border:1px solid rgba(239,68,68,.35);background:linear-gradient(180deg,rgba(239,68,68,.08),transparent)}@media (max-width: 968px){.settings-grid{grid-template-columns:1fr}.account-info .row{grid-template-columns:1fr;gap:var(--space-sm)}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.main-content{flex:1;padding-top:0}.btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;transition:var(--transition-all);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:none;cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 16px #7c3aed40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #7c3aed4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--text-secondary);border:2px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-full{width:100%}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg)}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card h2{margin-bottom:var(--space-lg);color:var(--text-primary);font-size:var(--text-2xl)}.card h3{margin-bottom:var(--space-md);color:var(--text-primary);font-size:var(--text-xl)}.input-group{margin-bottom:var(--space-lg)}.input-group label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--text-primary);font-size:var(--text-sm);letter-spacing:.025em;text-transform:uppercase}.input-group input,.input-group textarea,.input-group select{width:100%;padding:var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);transition:var(--transition-all);background:var(--surface)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px var(--primary-100)}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-tertiary)}.input-group textarea{resize:vertical;min-height:100px}.loading-spinner{border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.progress-bar{width:100%;height:10px;background-color:var(--border-light);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-inner)}.progress-bar-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease;border-radius:var(--radius-full);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.error-message{background:var(--error-light);color:var(--error);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border-left:4px solid var(--error);display:flex;align-items:center;gap:var(--space-sm);font-weight:500;animation:slideIn .3s ease-out}.success-message{background:var(--success-light);color:var(--success);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border-left:4px solid var(--success);display:flex;align-items:center;gap:var(--space-sm);font-weight:500;animation:slideIn .3s ease-out}.warning-message{background:var(--warning-light);color:var(--warning);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border-left:4px solid var(--warning);display:flex;align-items:center;gap:var(--space-sm);font-weight:500;animation:slideIn .3s ease-out}.info-message{background:var(--info-light);color:var(--info);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border-left:4px solid var(--info);display:flex;align-items:center;gap:var(--space-sm);font-weight:500;animation:slideIn .3s ease-out}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-light);color:var(--success)}.badge-error{background:var(--error-light);color:var(--error)}.badge-warning{background:var(--warning-light);color:var(--warning)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-tertiary)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-tertiary);margin-bottom:var(--space-lg)}.divider{height:1px;background:var(--border-light);margin:var(--space-xl) 0}.page-wrapper{position:relative;width:100%;min-height:calc(100vh - 80px)}.page-wrapper.fadeIn{animation:pageFadeIn .6s ease-out forwards}.page-wrapper.fadeOut{animation:pageFadeOut .4s ease-in forwards}.page-transition{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.page-transition.visible{opacity:1;transform:translateY(0)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pageFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff66}.card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px #00000026}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{transform:translateY(-2px) scale(1.01);box-shadow:0 0 0 4px #00d4ff26}@keyframes enhancedSpin{0%{transform:rotate(0)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg)}}.loading-spinner{animation:enhancedSpin 1.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animate{opacity:1;transform:translateY(0)}.animate-left{transform:translate(-50px)}.animate-left.animate{transform:translate(0)}.animate-right{transform:translate(50px)}.animate-right.animate{transform:translate(0)}.particles-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.particle-float{position:absolute;background:radial-gradient(circle,var(--teal) 0%,rgba(0,212,255,.4) 50%,transparent 70%);border-radius:50%;animation:particleFloat linear infinite;filter:blur(.5px)}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@media (max-width: 768px){.card{padding:var(--space-lg)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.page-wrapper{min-height:calc(100vh - 70px)}}:root{--midnight: #0B0B0F;--midnight-2: #12121A;--teal: #8B5CF6;--teal-200: #C4B5FD;--gold: #A78BFA;--gold-200: #C7D2FE;--primary-50: #2a235c;--primary-100: #3a2e77;--primary-200: #4c3aa0;--primary-300: #6749c6;--primary-400: #7f59df;--primary-500: #8b5cf6;--primary-600: #7c3aed;--primary-700: #6d28d9;--primary-800: #5b21b6;--primary-900: #4c1d95;--gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--gradient-secondary: linear-gradient(135deg, #22C55E 0%, #10B981 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-warm: linear-gradient(135deg, #A78BFA 0%, #7C3AED 100%);--gradient-hero: linear-gradient(180deg, #0B0B0F 0%, #12121A 100%);--gradient-cta: linear-gradient(135deg, #7C3AED 0%, #4C1D95 100%);--primary-color: var(--primary-500);--primary-hover: #6d28d9;--secondary-color: #A8B2D1;--background: var(--midnight);--background-secondary: #0F1117;--surface: #12121A;--surface-hover: #1A1B25;--text-primary: #F5F7FF;--text-secondary: #C7CBE2;--text-tertiary: #9AA3B2;--border: #1F2335;--border-light: #15192B;--success: #10b981;--success-light: rgba(16, 185, 129, .12);--error: #ef4444;--error-light: rgba(239, 68, 68, .12);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .12);--info: var(--primary-500);--info-light: rgba(139, 92, 246, .15);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .15);--shadow-sm: 0 2px 6px 0 rgb(0 0 0 / .2);--shadow: 0 6px 12px -2px rgb(0 0 0 / .35), 0 4px 8px -4px rgb(0 0 0 / .3);--shadow-md: 0 14px 24px -4px rgb(0 0 0 / .4);--shadow-lg: 0 24px 36px -6px rgb(0 0 0 / .45);--shadow-xl: 0 32px 60px -8px rgb(0 0 0 / .55);--shadow-inner: inset 0 2px 4px 0 rgb(255 255 255 / .04);--glass-background: rgba(255, 255, 255, .06);--glass-border: rgba(139, 92, 246, .22);--glass-shadow: 0 8px 32px 0 rgba(139, 92, 246, .18);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--transition-all: all var(--duration-normal) cubic-bezier(.4, 0, .2, 1);--transition-transform: transform var(--duration-normal) cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity var(--duration-normal) cubic-bezier(.4, 0, .2, 1);--transition-colors: color var(--duration-normal) cubic-bezier(.4, 0, .2, 1), background-color var(--duration-normal) cubic-bezier(.4, 0, .2, 1), border-color var(--duration-normal) cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-secondary);line-height:1.6;font-size:var(--text-base);overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition-all)}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;transition:var(--transition-all)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-100)}a{text-decoration:none;color:inherit;transition:var(--transition-colors)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.glass-card{background:var(--glass-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass{background:var(--glass-background);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--gradient-primary);z-index:0}.gradient-border>*{position:relative;z-index:1;background:var(--surface);border-radius:inherit}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media (max-width: 1024px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.75rem}}@media (max-width: 768px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem}.container{padding:0 var(--space-md)}}@media (max-width: 480px){:root{--text-5xl: 1.75rem;--text-4xl: 1.5rem;--text-3xl: 1.25rem}}