.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}[data-theme=light] .settings-modal-overlay{background:rgba(0,0,0,.3)}.settings-modal{background:var(--backdrop-blur);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:0;border:1px solid rgba(99,102,241,.2);box-shadow:var(--card-shadow);max-width:500px;width:100%;max-height:80vh;overflow:hidden;animation:slideIn .3s cubic-bezier(.4,0,.2,1);margin-top:850px}[data-theme=light] .settings-modal{border:1px solid rgba(79,70,229,.15)}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border-color);background:var(--gradient-primary);background-size:200% 200%;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.settings-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.close-btn{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.settings-content{padding:32px;max-height:calc(80vh - 80px);overflow-y:auto}.setting-section{margin-top:0}.setting-section:last-child{margin-bottom:0}.setting-section h3{margin:0 0 16px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.setting-item{margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:.95rem}.setting-description{color:var(--text-secondary);margin:0;line-height:1.5;font-size:.9rem}.setting-description code{background:var(--form-bg);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;color:var(--primary-color)}.setting-description strong{color:var(--primary-color);text-transform:capitalize}.theme-toggle-container{display:flex;gap:8px;margin-top:8px}.theme-option{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.9rem}.theme-option:hover{border-color:var(--primary-color);color:var(--text-primary)}.theme-option.active{border-color:var(--primary-color);background:rgba(99,102,241,.1);color:var(--primary-color)}[data-theme=light] .theme-option.active{background:rgba(79,70,229,.1)}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.settings-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.settings-modal{margin:20px;max-height:calc(100vh - 40px)}.settings-header{padding:20px 24px}.settings-header h2{font-size:1.3rem}.settings-content{padding:24px}}.header{position:fixed;top:0;left:0;right:0;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(99,102,241,.2);z-index:1000;transition:all .3s ease}[data-theme=light] .header{border-bottom:1px solid rgba(79,70,229,.15)}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.6}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.header-actions{display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:20px}.logo-icon{color:var(--primary-color);filter:drop-shadow(0 0 10px rgba(99,102,241,.5));animation:pulse 3s ease-in-out infinite}.logo-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-desktop{display:flex;align-items:center;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s ease;position:relative}.nav-link:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.nav-link.active{color:var(--primary-color);background:rgba(74,158,255,.1)}.settings-btn{display:flex;align-items:center;gap:8px}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease}.mobile-menu-btn:hover{background:rgba(255,255,255,.05)}.nav-mobile{display:none;padding:20px 0;border-top:1px solid var(--border-color);flex-direction:column;gap:16px;animation:slideDown .2s ease}.mobile-settings{padding-top:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-desktop,.settings-text{display:none}.mobile-menu-btn{display:block}.nav-mobile{display:flex}.logo-text{font-size:18px}.header-content{padding:12px 0}}@media (max-width: 480px){.settings-btn{padding:8px 12px}.logo-text{font-size:16px}}.particle-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,rgba(99,102,241,.8) 0%,rgba(139,92,246,.4) 50%,transparent 100%);border-radius:50%;animation:float var(--duration) infinite linear;opacity:.6}.particle:nth-child(2n){background:radial-gradient(circle,rgba(6,214,160,.8) 0%,rgba(247,37,133,.4) 50%,transparent 100%)}.particle:nth-child(3n){background:radial-gradient(circle,rgba(139,92,246,.8) 0%,rgba(99,102,241,.4) 50%,transparent 100%)}[data-theme=light] .particle{background:radial-gradient(circle,rgba(79,70,229,.4) 0%,rgba(124,58,237,.2) 50%,transparent 100%);opacity:.4}[data-theme=light] .particle:nth-child(2n){background:radial-gradient(circle,rgba(5,150,105,.4) 0%,rgba(220,38,38,.2) 50%,transparent 100%)}[data-theme=light] .particle:nth-child(3n){background:radial-gradient(circle,rgba(124,58,237,.4) 0%,rgba(79,70,229,.2) 50%,transparent 100%)}@keyframes float{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) translate(100px) rotate(360deg);opacity:0}}@media (max-width: 768px){.particle-background{display:none}}.prompt-generator{width:100%}.generator-form{display:flex;flex-direction:column;gap:24px}.character-count{text-align:right;font-size:.875rem;color:var(--text-muted);margin-top:8px}.character-count .warning{color:var(--warning-color)}.checkbox-container{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.5}.checkbox{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-top:2px}.checkbox:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox-text{color:var(--text-secondary);font-size:.9rem;-webkit-user-select:none;user-select:none}.generate-btn{font-size:16px;padding:18px 36px;font-weight:700;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);align-self:center;min-width:200px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.generate-btn:not(:disabled):hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--neon-glow)}.generate-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transition:all .4s ease;transform:translate(-50%,-50%);border-radius:50%}.generate-btn:hover:after{width:300px;height:300px}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-btn:disabled:hover{transform:none;background:var(--primary-color)}.generate-btn .loading{width:16px;height:16px;border-width:2px;margin-right:4px}.checkbox-container:focus-within .checkmark{box-shadow:0 0 0 3px #4a9eff1a}@media (max-width: 768px){.generator-form{gap:20px}.generate-btn{padding:14px 28px;font-size:15px;min-width:160px}.checkbox-text{font-size:.85rem}}@media (max-width: 480px){.generate-btn{padding:12px 24px;font-size:14px;min-width:140px}}.optimized-prompts{padding:40px 0}.prompts-container{max-width:900px;margin:0 auto;padding:0;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--surface-color)}.tab{flex:1;padding:16px 20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:14px;border-bottom:3px solid transparent;transition:all .2s ease;position:relative;font-family:inherit}.tab:hover{color:var(--text-primary);background:rgba(255,255,255,.02)}.tab.active{color:var(--tab-color, var(--primary-color));border-bottom-color:var(--tab-color, var(--primary-color));background:rgba(255,255,255,.05);position:relative}.tab.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(99,102,241,.1) 50%,transparent 70%);animation:shimmerTab 2s infinite}@keyframes shimmerTab{0%{transform:translate(-100%)}to{transform:translate(100%)}}.prompt-content{padding:32px;background:var(--surface-color)}.prompt-header{display:flex;justify-content:between;align-items:center;margin-bottom:20px;gap:16px}.prompt-model{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.copy-btn{flex-shrink:0;min-width:100px}.prompt-text{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:24px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto}.quick-actions{max-width:900px;margin:32px auto 0;text-align:center}.quick-actions-text{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.action-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.action-buttons .btn{font-size:13px;padding:10px 16px;min-width:120px}.prompt-text::-webkit-scrollbar{width:6px}.prompt-text::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.prompt-text::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.prompt-text::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.optimized-prompts{padding:20px 0}.tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:14px 16px;font-size:13px;white-space:nowrap;min-width:80px}.prompt-content{padding:24px 20px}.prompt-header{flex-direction:column;align-items:stretch;gap:12px}.copy-btn{align-self:center;min-width:90px}.prompt-text{padding:20px;font-size:13px;max-height:300px}.action-buttons{gap:8px}.action-buttons .btn{font-size:12px;padding:8px 12px;min-width:100px}}@media (max-width: 480px){.tab{padding:12px 14px;font-size:12px;min-width:70px}.prompt-content{padding:20px 16px}.prompt-text{padding:16px;font-size:12px}.action-buttons{flex-direction:column;align-items:center}.action-buttons .btn{min-width:140px}}.home{padding:40px 0}.hero{text-align:center;margin-bottom:60px}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:4rem;font-weight:800;margin-bottom:24px;line-height:1.1;position:relative;z-index:1}.hero-title .shimmer{display:inline-block}.hero-title:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;animation:pulse 4s ease-in-out infinite}.hero-description{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.api-notice{display:flex;align-items:center;gap:8px;background:rgba(245,158,11,.1);border:1px solid var(--warning-color);color:var(--warning-color);padding:12px 16px;border-radius:8px;font-size:.9rem;justify-content:center;max-width:600px;margin:20px auto 0}.generator-section{margin-bottom:60px}.generator-card{max-width:800px;margin:0 auto}.results-section{margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:48px;color:var(--text-primary)}.features-section{margin-bottom:60px}.feature-card{text-align:center;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .8s}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #0000004d,var(--neon-glow)}.feature-icon{width:80px;height:80px;margin:0 auto 32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:floating 6s ease-in-out infinite}.feature-icon:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:var(--gradient-accent);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}.feature-card:hover .feature-icon:before{opacity:.3;animation:pulse 1.5s infinite}.feature-icon .icon{color:#fff;width:36px;height:36px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.home{padding:20px 0}.hero{margin-bottom:40px}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:24px 20px}.generator-section,.results-section,.features-section{margin-bottom:40px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.section-title{font-size:1.75rem}}.about{padding:40px 0}.about-hero{text-align:center;margin-bottom:80px;max-width:800px;margin-left:auto;margin-right:auto}.about-title{font-size:3.5rem;font-weight:700;margin-bottom:24px;line-height:1.2}.about-description{font-size:1.25rem;color:var(--text-secondary);line-height:1.6}.mission-section{margin-bottom:80px}.mission-content{max-width:700px;margin:0 auto;text-align:center;padding:48px 32px}.mission-icon{width:80px;height:80px;margin:0 auto 32px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center}.mission-icon .icon{color:#fff;width:36px;height:36px}.mission-content h2{font-size:2.5rem;font-weight:600;margin-bottom:24px;color:var(--text-primary)}.mission-content p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.about-features{margin-bottom:80px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.feature-item{padding:32px 24px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.feature-icon{width:60px;height:60px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-icon .icon{color:#fff;width:28px;height:28px}.feature-item h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.feature-item p{color:var(--text-secondary);line-height:1.6}.how-it-works{margin-bottom:80px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:48px}.step-item{text-align:center}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 24px}.step-item h3{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.step-item p{color:var(--text-secondary);line-height:1.6}.supported-models{margin-bottom:80px}.models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:48px}.model-card{padding:24px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.model-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.model-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.model-card p{color:var(--text-secondary);line-height:1.5;font-size:.95rem}.cta-section{margin-bottom:40px}.cta-content{max-width:600px;margin:0 auto;text-align:center;padding:48px 32px;background:linear-gradient(135deg,rgba(74,158,255,.05),rgba(88,204,154,.05));border:1px solid rgba(74,158,255,.2)}.cta-content h2{font-size:2rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.cta-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.cta-btn{font-size:16px;padding:16px 32px;font-weight:600}@media (max-width: 768px){.about{padding:20px 0}.about-hero{margin-bottom:60px}.about-title{font-size:2.5rem}.about-description{font-size:1.1rem}.mission-section,.about-features,.how-it-works,.supported-models{margin-bottom:60px}.mission-content{padding:32px 24px}.mission-content h2{font-size:2rem}.features-grid,.steps-grid{grid-template-columns:1fr;gap:24px}.models-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.feature-item,.model-card{padding:24px 20px}.cta-content{padding:32px 24px}.cta-content h2{font-size:1.75rem}}@media (max-width: 480px){.about-title{font-size:2rem}.about-description{font-size:1rem}.mission-content h2{font-size:1.75rem}.mission-content p,.cta-content p{font-size:1rem}.models-grid{grid-template-columns:1fr}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-top:80px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-base: #6366f1;--secondary-base: #06d6a0;--accent-base: #f72585}:root,[data-theme=dark]{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #8b5cf6;--secondary-color: #06d6a0;--accent-color: #f72585;--bg-color: #0a0a0f;--surface-color: #1a1a2e;--card-color: #16213e;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border-color: #334155;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-bg: linear-gradient(135deg, #0c0c1e 0%, #1a1a2e 50%, #16213e 100%);--card-shadow: 0 10px 30px rgba(0, 0, 0, .3);--glow-effect: 0 0 20px rgba(99, 102, 241, .3);--neon-glow: 0 0 30px rgba(99, 102, 241, .5), 0 0 60px rgba(99, 102, 241, .3), 0 0 90px rgba(99, 102, 241, .1);--backdrop-blur: rgba(26, 26, 46, .8);--form-bg: rgba(26, 26, 46, .6);--header-bg: rgba(10, 10, 15, .95)}[data-theme=light]{--primary-color: #4f46e5;--primary-dark: #3730a3;--primary-light: #6366f1;--secondary-color: #059669;--accent-color: #dc2626;--bg-color: #f8fafc;--surface-color: #ffffff;--card-color: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);--gradient-accent: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);--gradient-bg: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);--card-shadow: 0 10px 30px rgba(0, 0, 0, .1);--glow-effect: 0 0 20px rgba(79, 70, 229, .2);--neon-glow: 0 0 30px rgba(79, 70, 229, .3), 0 0 60px rgba(79, 70, 229, .2), 0 0 90px rgba(79, 70, 229, .1);--backdrop-blur: rgba(255, 255, 255, .8);--form-bg: rgba(255, 255, 255, .6);--header-bg: rgba(248, 250, 252, .95)}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:var(--gradient-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(6,214,160,.08) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:backgroundShift 20s ease-in-out infinite;transition:opacity .3s ease}[data-theme=light] body:before{background:radial-gradient(circle at 20% 50%,rgba(79,70,229,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(5,150,105,.04) 0%,transparent 50%)}@keyframes backgroundShift{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(2deg)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.gradient-text:after{content:attr(data-text);position:absolute;top:0;left:0;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transition:opacity .3s ease}.gradient-text:hover:after{opacity:1}.btn{padding:12px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:inherit;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--glow-effect);border:1px solid rgba(99,102,241,.3)}.btn-primary:hover{box-shadow:var(--neon-glow);transform:translateY(-2px) scale(1.02);background:var(--gradient-secondary)}.btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);transform:translateY(-1px)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#059669;transform:translateY(-1px)}.card{background:var(--backdrop-blur);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;border:1px solid rgba(99,102,241,.2);box-shadow:var(--card-shadow);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .card{border:1px solid rgba(79,70,229,.15);box-shadow:0 10px 30px #00000014}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-accent);opacity:.5}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006,var(--glow-effect);border-color:#6366f166}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:16px 20px;border:2px solid rgba(99,102,241,.2);border-radius:12px;background:var(--form-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}[data-theme=light] .form-control{border:2px solid rgba(79,70,229,.15);background:var(--form-bg)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11a,var(--glow-effect);background:var(--backdrop-blur);transform:scale(1.02)}[data-theme=light] .form-control:focus{box-shadow:0 0 0 4px #4f46e51a,var(--glow-effect)}.textarea{resize:vertical;min-height:120px}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab{padding:12px 24px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-weight:500;border-bottom:2px solid transparent;transition:all .2s ease}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab:hover{color:var(--text-primary)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.floating{animation:floating 6s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #6366f14d}to{box-shadow:0 0 30px #6366f199,0 0 40px #6366f166}}.shimmer{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 25%,#06d6a0 50%,#f72585 75%,#6366f1 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{to{background-position:200% center}}.success-message{background:rgba(16,185,129,.1);border:1px solid var(--success-color);color:var(--success-color);padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.error-message{background:rgba(239,68,68,.1);border:1px solid var(--error-color);color:var(--error-color);padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.container{padding:0 16px}.card{padding:20px}.btn{padding:10px 20px;font-size:13px}.tabs{overflow-x:auto}.tab{padding:10px 16px;white-space:nowrap}}