:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#475569;--accent-blue:#2563eb;--accent-purple:#7c3aed;--accent-glow:#2563eb26;--glass-bg:#ffffffbf;--glass-border:#0f172a12;--bg-gradient-1:#7c3aed05;--bg-gradient-2:#2563eb05;--input-bg:#fffffff2;--input-border:#0f172a1f}[data-theme=dark]{--bg-primary:#0a0e1a;--bg-secondary:#111726;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-blue:#3b82f6;--accent-purple:#a855f7;--accent-glow:#3b82f640;--glass-bg:#1117268c;--glass-border:#ffffff0f;--bg-gradient-1:#a855f70d;--bg-gradient-2:#3b82f60d;--input-bg:#00000073;--input-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15% 50%, var(--bg-gradient-1), transparent 30%), radial-gradient(circle at 85% 30%, var(--bg-gradient-2), transparent 30%);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px}@keyframes pulseGlow{0%{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow), 0 0 40px #8a2be233}to{box-shadow:0 0 10px var(--accent-glow)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-spin{animation:1s linear infinite spin}.neon-input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:16px 24px;font-size:1.1rem;transition:all .3s}.neon-input:focus{border-color:var(--accent-blue);box-shadow:0 0 15px var(--accent-glow)}.neon-button{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.neon-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00f0ff66}.neon-button:active{transform:translateY(0)}.neon-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.text-gradient{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;margin:0 auto;padding:0 16px}.navbar{z-index:1000;justify-content:space-between;align-items:center;margin:20px;padding:16px 24px;display:flex;position:relative}.nav-logo-section{align-items:center;gap:12px;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-actions{align-items:center;gap:16px;display:flex}.nav-menu-wrapper{align-items:center;gap:40px;display:flex}.menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:none}.menu-toggle:hover{background:#ffffff0d}.hero-title{margin-bottom:16px;font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:clamp(1rem,4vw,1.25rem);line-height:1.5}.search-form{gap:16px;width:100%;display:flex}.search-input-wrapper{flex:1;position:relative}.format-list{flex-direction:column;gap:8px;max-height:280px;padding-right:8px;display:flex;overflow-y:auto}.format-item{background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.format-item-left{align-items:center;gap:12px;display:flex}.format-item-right{align-items:center;gap:16px;display:flex}.dashboard-header-panel{justify-content:space-between;align-items:center;padding:32px;display:flex}.dashboard-history-panel{padding:32px}.history-item{background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.history-item-details{flex-direction:column;gap:6px;display:flex}.history-item-meta{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.about-container{flex-direction:column;flex:1;gap:60px;width:100%;max-width:900px;margin:0 auto;padding:40px 20px;display:flex}.about-header{text-align:center}.about-tech-card{background:linear-gradient(135deg,#00f0ff0d,#8a2be20d);border:1px solid #8a2be233;border-radius:24px;padding:40px}@media (width<=768px){.navbar{flex-wrap:wrap;margin:10px;padding:12px 16px}.menu-toggle{display:flex}.nav-menu-wrapper{border-top:1px solid var(--glass-border);flex-direction:column;gap:16px;width:100%;margin-top:12px;padding-top:16px;display:none}.nav-menu-wrapper.open{display:flex}.nav-links,.nav-actions{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.nav-actions>button,.nav-actions>a{width:100%}.nav-user-email{padding-left:8px}.search-form{flex-direction:column;gap:12px}.search-form button{justify-content:center;width:100%}.format-item{flex-direction:column;align-items:flex-start;gap:12px}.format-item-right{border-top:1px solid #ffffff0d;justify-content:space-between;width:100%;padding-top:8px}.dashboard-header-panel{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.dashboard-header-panel button{width:100%}.dashboard-history-panel{padding:20px}.history-item{flex-direction:column;align-items:flex-start;gap:12px}.history-item-meta{flex-direction:column;gap:8px}.about-tech-card{padding:24px}.about-container{gap:40px}}@media (width<=480px){.glass-panel{border-radius:12px}.preview-card{padding:16px!important}}.login-card{flex-direction:column;gap:24px;width:100%;max-width:400px;padding:40px;display:flex}@media (width<=480px){.login-card{gap:16px;padding:24px}}.desktop-only{display:flex!important}.mobile-only-controls{display:none!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only-controls{display:flex!important}}.faq-section{flex-direction:column;gap:16px;width:100%;max-width:800px;margin:40px auto 0;display:flex}.faq-title{text-align:center;margin-bottom:8px;font-size:2.2rem;font-weight:800}.faq-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.faq-item{border-radius:16px;transition:all .3s;overflow:hidden}.faq-question{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:#ffffff05;border:none;outline:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:1.1rem;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:#ffffff0d}.faq-answer{max-height:0;color:var(--text-secondary);background:#0003;font-size:.95rem;line-height:1.6;transition:max-height .3s cubic-bezier(.16,1,.3,1),padding .3s;overflow:hidden}.faq-answer.open{border-top:1px solid var(--glass-border);max-height:300px;padding:20px 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:48px;width:100%;max-width:1100px;margin-bottom:40px;display:grid}.footer-col,.footer-col-brand{flex-direction:column;gap:16px;display:flex}.footer-col h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.9rem;font-weight:700}.footer-links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-block}.footer-links a:hover{color:var(--accent-blue)}.footer-newsletter{flex-direction:column;gap:12px;display:flex}.footer-newsletter-form{gap:8px;width:100%;display:flex}.footer-newsletter-form input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:.9rem;transition:all .2s}.footer-newsletter-form input:focus{border-color:var(--accent-blue);box-shadow:0 0 10px var(--accent-glow)}.footer-newsletter-form button{border-radius:8px;padding:10px 16px;font-size:.9rem}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=600px){.footer-grid{grid-template-columns:1fr;gap:24px}.footer-newsletter-form{flex-direction:column}.footer-newsletter-form button{justify-content:center;width:100%}}