@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400&display=swap";:root{--font-heading:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--max-width:1200px;--header-height:72px}[data-theme=dark]{--bg-primary:#0b0d17;--bg-secondary:#111328;--bg-tertiary:#1a1d35;--bg-glass:#111328bf;--bg-glass-hover:#111328d9;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-active:#6366f180;--text-primary:#f1f2f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#0b0d17;--accent-primary:#6366f1;--accent-primary-hover:#7577f5;--accent-secondary:#8b5cf6;--accent-cyan:#22d3ee;--accent-glow:#6366f126;--accent-glow-strong:#6366f14d;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 60px #6366f11f;--shadow-button:0 4px 24px #6366f14d;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-hero:radial-gradient(ellipse at 30% 0%, #6366f11f 0%, transparent 60%);--gradient-card:linear-gradient(180deg, #ffffff08 0%, transparent 100%);--gradient-text:linear-gradient(135deg, #818cf8, #22d3ee);--gradient-mesh:radial-gradient(at 20% 80%, #6366f114 0%, transparent 50%), radial-gradient(at 80% 20%, #8b5cf60f 0%, transparent 50%);--backdrop-blur:blur(20px);--backdrop-saturate:saturate(1.8);--scrollbar-track:#111328;--scrollbar-thumb:#2a2d45;--scrollbar-thumb-hover:#3a3d55}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#f0f1f5;--bg-glass:#fffc;--bg-glass-hover:#ffffffe6;--border-subtle:#0000000f;--border-default:#0000001a;--border-active:#4f46e580;--text-primary:#111328;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-inverse:#f1f2f6;--accent-primary:#4f46e5;--accent-primary-hover:#6366f1;--accent-secondary:#7c3aed;--accent-cyan:#0891b2;--accent-glow:#4f46e51a;--accent-glow-strong:#4f46e533;--success:#059669;--success-bg:#05966914;--warning:#d97706;--warning-bg:#d9770614;--error:#dc2626;--error-bg:#dc262614;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-glow:0 0 60px #4f46e50f;--shadow-button:0 4px 24px #4f46e533;--gradient-primary:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #8b5cf6 100%);--gradient-hero:radial-gradient(ellipse at 30% 0%, #4f46e50f 0%, transparent 60%);--gradient-card:linear-gradient(180deg, #00000003 0%, transparent 100%);--gradient-text:linear-gradient(135deg, #4f46e5, #0891b2);--gradient-mesh:radial-gradient(at 20% 80%, #4f46e50a 0%, transparent 50%), radial-gradient(at 80% 20%, #7c3aed08 0%, transparent 50%);--backdrop-blur:blur(20px);--backdrop-saturate:saturate(1.2);--scrollbar-track:#f0f1f5;--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#9ca3af}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);background-image:var(--gradient-mesh);min-height:100vh;transition:background-color var(--duration-slow) ease, color var(--duration-slow) ease;background-attachment:fixed;font-weight:400;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--accent-primary);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}h1{font-size:3rem;font-weight:800}h2{font-size:2rem;font-weight:700}h3{font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);transition:color var(--duration-fast) ease;text-decoration:none}a:hover{color:var(--accent-primary-hover)}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-4xl) 0}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-out)}.glass-card:hover{background:var(--bg-glass-hover);border-color:var(--border-default);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:all var(--duration-normal) var(--ease-out);border:none;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 32px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-default)}.btn-ghost{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--accent-glow)}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:after{left:100%}.input,textarea.input{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--duration-normal) ease;outline:none;width:100%;font-size:1rem}.input:focus,textarea.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder,textarea.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:200px;line-height:1.7}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239CA3AF' d='M6 8.825a.5.5 0 0 1-.354-.146l-4-4a.5.5 0 0 1 .708-.708L6 7.617l3.646-3.646a.5.5 0 1 1 .708.708l-4 4A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.badge{font-family:var(--font-mono);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;font-weight:400;display:inline-flex}.badge-accent{background:var(--accent-glow);color:var(--accent-cyan);border:1px solid #22d3ee33}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.divider{background:var(--border-subtle);height:1px;margin:var(--space-2xl) 0;border:none}@media (width<=768px){h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}@media (width<=480px){h1{font-size:1.75rem}h2{font-size:1.25rem}.section{padding:var(--space-2xl) 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #6366f126}50%{box-shadow:0 0 40px #6366f14d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.95)}}@keyframes typeWriter{0%{width:0}to{width:100%}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-normal) var(--ease-out) forwards}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out) forwards}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}.animate-float{animation:3s ease-in-out infinite float}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:2s linear infinite shimmer}.skeleton-line{border-radius:var(--radius-sm);height:16px;margin-bottom:12px}.skeleton-line:last-child{width:70%}.loading-dots{align-items:center;gap:4px;display:inline-flex}.loading-dots span{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}.spinner{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.stagger-children>*{opacity:0;animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:80ms}.stagger-children>:nth-child(3){animation-delay:.16s}.stagger-children>:nth-child(4){animation-delay:.24s}.stagger-children>:nth-child(5){animation-delay:.32s}.stagger-children>:nth-child(6){animation-delay:.4s}.animate-gradient-text{background-size:200%;animation:3s infinite gradientShift}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(0)}.hover-lift{transition:transform var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px)}.toast-enter{animation:toastIn .3s var(--ease-out) forwards}.toast-exit{animation:.2s ease-in forwards toastOut}.header{height:var(--header-height);z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-normal) ease;position:fixed;top:0;left:0;right:0}.header-inner{max-width:var(--max-width);padding:0 var(--space-lg);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.header-brand{align-items:baseline;gap:6px;text-decoration:none;display:flex}.header-brand-name{font-family:var(--font-heading);letter-spacing:-.03em;font-size:1.375rem;font-weight:700}.header-brand-clear{color:var(--text-primary)}.header-brand-write{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-brand-sub{font-family:var(--font-body);color:var(--text-muted);margin-left:2px;font-size:.6875rem;font-weight:400}.header-nav{align-items:center;gap:var(--space-xs);display:flex}.header-nav-link{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;font-size:.875rem;font-weight:500;text-decoration:none}.header-nav-link:hover,.header-nav-link.active{color:var(--text-primary);background:var(--accent-glow)}.header-mobile-toggle{color:var(--text-primary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);background:0 0;border:none;display:none}.header-mobile-nav{top:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:var(--space-md);gap:var(--space-xs);animation:fadeInDown var(--duration-normal) var(--ease-out);flex-direction:column;display:none;position:fixed;left:0;right:0}.header-mobile-nav.open{display:flex}@media (width<=768px){.header-nav{display:none}.header-mobile-toggle{display:flex}}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-2xl) 0;margin-top:var(--space-4xl)}.footer-inner{max-width:var(--max-width);padding:0 var(--space-lg);align-items:center;gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.footer-links{justify-content:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-link{color:var(--text-muted);transition:color var(--duration-fast) ease;font-size:.875rem;text-decoration:none}.footer-link:hover{color:var(--text-primary)}.footer-copyright{color:var(--text-muted);text-align:center;font-size:.8125rem}.tool-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);max-width:100%;box-shadow:var(--shadow-lg), var(--shadow-glow);animation:slideUp var(--duration-slow) var(--ease-out);margin:0 auto;overflow:hidden}.mode-selector{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);padding:var(--space-sm);gap:var(--space-xs);display:flex}.mode-tab{font-family:var(--font-body);color:var(--text-muted);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--duration-normal) ease;background:0 0;border:none;flex:1;font-size:.875rem;font-weight:500;display:flex}.mode-tab:hover{color:var(--text-secondary);background:var(--accent-glow)}.mode-tab.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.tool-body{padding:var(--space-lg)}.tool-panels{gap:var(--space-lg);grid-template-columns:1fr 1fr;min-height:280px;display:grid}@media (width<=768px){.tool-panels{gap:var(--space-md);grid-template-columns:1fr}}.text-panel{flex-direction:column;display:flex;position:relative}.text-panel-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600}.text-area{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);resize:none;min-height:240px;transition:border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease;outline:none;flex:1;font-size:.9375rem;line-height:1.7}.text-area:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.text-area::placeholder{color:var(--text-muted)}.text-area.output{background:var(--bg-primary);cursor:default}.text-area.output.has-content{color:var(--text-primary)}.text-area.output.empty{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;font-style:italic;display:flex}.word-counter{font-family:var(--font-mono);color:var(--text-muted);text-align:right;margin-top:var(--space-sm);transition:color var(--duration-fast) ease;font-size:.75rem}.word-counter.warning{color:var(--warning)}.word-counter.error{color:var(--error)}.tool-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.tool-footer-left{align-items:center;gap:var(--space-md);display:flex}.tool-footer-right{align-items:center;gap:var(--space-sm);display:flex}.tone-dropdown{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;appearance:none;transition:all var(--duration-fast) ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239CA3AF' d='M6 8.825a.5.5 0 0 1-.354-.146l-4-4a.5.5 0 0 1 .708-.708L6 7.617l3.646-3.646a.5.5 0 1 1 .708.708l-4 4A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:6px 32px 6px 12px;font-size:.8125rem}.tone-dropdown:focus{border-color:var(--accent-primary)}.enhance-btn{font-family:var(--font-heading);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-button);border:none;min-width:220px;padding:14px 32px;font-size:1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.enhance-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 32px #6366f166}.enhance-btn:active:not(:disabled){transform:translateY(0)}.enhance-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.enhance-btn.loading{pointer-events:none}.enhance-btn-wrapper{padding:var(--space-lg) 0 var(--space-sm);justify-content:center;display:flex}.usage-counter{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.usage-counter .count{color:var(--accent-cyan)}.usage-counter.low .count{color:var(--warning)}.usage-counter.depleted .count{color:var(--error)}.output-actions{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.output-action-btn{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:500;display:flex}.output-action-btn:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-glass-hover)}.output-action-btn.copied{color:var(--success);border-color:var(--success)}.toast-container{top:calc(var(--header-height) + var(--space-md));right:var(--space-lg);z-index:200;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-md);min-width:280px;max-width:420px;font-size:.875rem;display:flex}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--error)}.toast.warning{border-left:3px solid var(--warning)}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast-message{color:var(--text-primary);flex:1}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;line-height:1}.hero{padding-top:calc(var(--header-height) + var(--space-3xl));padding-bottom:var(--space-2xl);text-align:center;background-image:var(--gradient-hero)}.hero h1{margin-bottom:var(--space-md)}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-2xl);font-size:1.125rem;line-height:1.7}.features-grid{gap:var(--space-lg);max-width:var(--max-width);padding:0 var(--space-lg);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}@media (width<=768px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:var(--space-xl);text-align:center}.feature-icon{margin-bottom:var(--space-md);font-size:2.5rem;display:block}.feature-title{margin-bottom:var(--space-sm)}.feature-desc{font-size:.9375rem;line-height:1.6}.steps-grid{gap:var(--space-xl);max-width:100%;padding:0 var(--space-lg);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:relative}@media (width<=768px){.steps-grid{gap:var(--space-lg);grid-template-columns:1fr}}.step-item{text-align:center;position:relative}.step-number{background:var(--accent-glow);width:48px;height:48px;color:var(--accent-primary);font-family:var(--font-heading);margin-bottom:var(--space-md);border:2px solid var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:inline-flex}.step-title{margin-bottom:var(--space-xs)}.step-desc{font-size:.875rem}.faq-list{gap:var(--space-sm);flex-direction:column;max-width:100%;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast) ease;overflow:hidden}.faq-item.open{border-color:var(--border-active)}.faq-question{background:var(--bg-secondary);width:100%;padding:var(--space-lg);font-family:var(--font-body);color:var(--text-primary);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-md);transition:background var(--duration-fast) ease;border:none;font-size:1rem;font-weight:500;display:flex}.faq-question:hover{background:var(--bg-tertiary)}.faq-arrow{color:var(--text-muted);transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0;font-size:.875rem}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-lg) var(--space-lg);color:var(--text-secondary);animation:fadeIn var(--duration-normal) ease;font-size:.9375rem;line-height:1.7}.blog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.blog-card{color:inherit;text-decoration:none;overflow:hidden}.blog-card-image{background:var(--bg-tertiary);border-radius:var(--radius-md) var(--radius-md) 0 0;justify-content:center;align-items:center;width:100%;height:200px;font-size:3rem;display:flex}.blog-card-body{padding:var(--space-lg)}.blog-card-meta{color:var(--text-muted);margin-bottom:var(--space-sm);gap:var(--space-md);font-size:.8125rem;display:flex}.blog-card-title{margin-bottom:var(--space-sm);color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3}.blog-card-excerpt{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.legal-content,.faq-container,.contact-container,.blog-post-content{width:100%;max-width:100%;margin:0 auto}.contact-form{gap:var(--space-lg);flex-direction:column;max-width:100%;margin:0 auto;display:flex}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.legal-content{padding-top:var(--space-lg)}.legal-content h1{margin-bottom:var(--space-sm);font-size:2rem}.legal-content .last-updated{color:var(--text-muted);margin-bottom:var(--space-2xl);font-size:.875rem}.legal-content h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-size:1.25rem}.legal-content p{margin-bottom:var(--space-md);font-size:.9375rem}.legal-content ul{margin:var(--space-md) 0;padding-left:var(--space-lg)}.legal-content li{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.9375rem;line-height:1.6}.cookie-consent{bottom:var(--space-lg);left:var(--space-lg);right:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:480px;padding:var(--space-lg);box-shadow:var(--shadow-lg);z-index:150;animation:slideUp var(--duration-slow) var(--ease-out);position:fixed}.cookie-consent p{margin-bottom:var(--space-md);font-size:.875rem}.cookie-consent-actions{gap:var(--space-sm);display:flex}.theme-toggle{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.theme-toggle:hover{color:var(--text-primary);background:var(--accent-glow);border-color:var(--border-default)}.page-content{padding-top:calc(var(--header-height) + var(--space-2xl));min-height:calc(100vh - var(--header-height))}.page-header{text-align:center;margin-bottom:var(--space-2xl)}.page-header h1{margin-bottom:var(--space-sm)}.page-header p{max-width:100%;margin:0 auto;font-size:1.0625rem}.not-found{text-align:center;min-height:60vh;padding-top:var(--header-height);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found-code{font-family:var(--font-heading);background:var(--gradient-text);-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:800;line-height:1}.not-found h2{margin-bottom:var(--space-md)}.not-found p{margin-bottom:var(--space-xl)}.output-skeleton{padding:var(--space-md);flex-direction:column;gap:12px;display:flex}.output-skeleton .skeleton-line{height:14px}.output-skeleton .skeleton-line:first-child{width:95%}.output-skeleton .skeleton-line:nth-child(2){width:88%}.output-skeleton .skeleton-line:nth-child(3){width:92%}.output-skeleton .skeleton-line:nth-child(4){width:78%}.output-skeleton .skeleton-line:nth-child(5){width:85%}.output-skeleton .skeleton-line:nth-child(6){width:60%}.blog-post-content{padding-top:var(--space-lg)}.blog-post-content h1{margin-bottom:var(--space-md);font-size:2.25rem;line-height:1.2}.blog-post-meta{gap:var(--space-lg);color:var(--text-muted);margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle);font-size:.875rem;display:flex}.blog-post-body h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-size:1.5rem}.blog-post-body h3{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-size:1.125rem}.blog-post-body p{margin-bottom:var(--space-md);font-size:1.0625rem;line-height:1.8}.blog-post-body ul,.blog-post-body ol{margin:var(--space-md) 0;padding-left:var(--space-xl)}.blog-post-body li{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:1.0625rem;line-height:1.7}.blog-post-body blockquote{border-left:3px solid var(--accent-primary);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;background:var(--accent-glow);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-style:italic}.blog-post-cta{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--accent-glow);border:1px solid var(--border-active);border-radius:var(--radius-lg);text-align:center}.blog-post-cta h3{margin-bottom:var(--space-sm)}.blog-post-cta p{margin-bottom:var(--space-lg)}