@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#0b1f13;--bg-secondary:#0b1f13;--bg-tertiary:#06140b;--bg-card:#0b1f13;--bg-card-hover:#0b1f13;--bg-glass:#ffffff04;--bg-glass-hover:#ffffff09;--shadow-neumorphic-out:6px 6px 12px #040c07, -6px -6px 12px #12321f;--shadow-neumorphic-out-hover:8px 8px 16px #030805, -8px -8px 16px #19462b;--shadow-neumorphic-in:inset 6px 6px 12px #040c07, inset -6px -6px 12px #12321f;--shadow-neumorphic-in-hover:inset 8px 8px 16px #030805, inset -8px -8px 16px #19462b;--accent-primary:#22c55e;--accent-primary-light:#4ade80;--accent-secondary:#16a34a;--accent-tertiary:#86efac;--accent-cyan:#a7f3d0;--accent-emerald:#4ade80;--accent-rose:#f43f5e;--accent-amber:#fef08a;--accent-glow:#22c55e26;--text-primary:#fff;--text-secondary:#e2f0e7;--text-tertiary:#8cb89c;--text-muted:#537a62;--text-accent:#4ade80;--border-subtle:#ffffff05;--border-default:#ffffff0a;--border-hover:#4ade8040;--border-active:#4ade8073;--btn-primary-bg:#0b1f13;--btn-primary-text:#4ade80;--btn-primary-hover-bg:#0b1f13;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-title:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 48px #000000b3;--shadow-glow:0 0 40px #6366f11f;--shadow-glow-hover:0 0 60px #6366f133;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(400px at 15% 20%,#8a883b14,#0000 80%),radial-gradient(350px at 85% 15%,#5e6b350f,#0000 80%),radial-gradient(300px at 50% 85%,#b3b05b0d,#0000 80%);animation:30s ease-in-out infinite alternate blobRotate;position:fixed;inset:0}@keyframes blobRotate{0%{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.05)}to{transform:translate(-10px,15px)scale(.95)}}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--text-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:1px solid #ffffff04}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-neumorphic-out-hover);border-color:#ffffff08;transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);letter-spacing:.01em;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--shadow-neumorphic-out);border:1px solid #ffffff04}.btn-primary:hover{background:var(--btn-primary-hover-bg);box-shadow:var(--shadow-neumorphic-out-hover);color:var(--btn-primary-text)}.btn-primary:active{box-shadow:var(--shadow-neumorphic-in);transform:translateY(1px)}.btn-ghost{background:var(--bg-primary);color:var(--text-secondary);box-shadow:var(--shadow-neumorphic-out);border:1px solid #ffffff03}.btn-ghost:hover{color:var(--text-primary);box-shadow:var(--shadow-neumorphic-out-hover)}.btn-ghost:active{box-shadow:var(--shadow-neumorphic-in);transform:translateY(1px)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-neumorphic-in);transition:all var(--transition-fast);border:none;outline:none;font-size:.9375rem}.input::placeholder{color:var(--text-muted)}.input:focus{box-shadow:var(--shadow-neumorphic-in), 0 0 0 1px #4ade8040}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes borderGlow{0%,to{border-color:#6366f133}50%{border-color:#6366f180}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-up{animation:.6s ease-out forwards slideUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-scale-in{animation:.3s ease-out forwards scaleIn}.stagger-children>*{opacity:0;animation:.4s ease-out forwards fadeIn}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.text-gradient{background:linear-gradient(135deg, var(--accent-primary-light) 0%, var(--accent-cyan) 50%, var(--accent-emerald) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-mono{font-family:var(--font-mono)}::selection{color:inherit;background:#22c55e40}:root.light-mode{--bg-primary:#e2ede5;--bg-secondary:#e2ede5;--bg-tertiary:#cddbcf;--bg-card:#e2ede5;--bg-card-hover:#e2ede5;--bg-glass:#00000004;--bg-glass-hover:#00000009;--text-primary:#05140b;--text-secondary:#12301c;--text-tertiary:#4a6654;--text-muted:#6e8576;--text-accent:#16a34a;--border-subtle:#00000005;--border-default:#00000008;--border-hover:#22c55e40;--border-active:#22c55e73;--shadow-neumorphic-out:6px 6px 12px #c4d4c8, -6px -6px 12px #fff;--shadow-neumorphic-out-hover:8px 8px 16px #b5c7ba, -8px -8px 16px #fff;--shadow-neumorphic-in:inset 6px 6px 12px #c4d4c8, inset -6px -6px 12px #fff;--shadow-neumorphic-in-hover:inset 8px 8px 16px #b5c7ba, inset -8px -8px 16px #fff;--accent-primary:#16a34a;--accent-primary-light:#15803d;--accent-secondary:#14532d;--accent-tertiary:#166534;--accent-cyan:#0e7490;--accent-emerald:#15803d;--accent-glow:#16a34a14;--btn-primary-bg:#16a34a;--btn-primary-text:#fff;--btn-primary-hover-bg:#15803d}:root.light-mode body:after{background:radial-gradient(400px at 15% 20%,#22c55e0a,#0000 80%),radial-gradient(350px at 85% 15%,#16a34a08,#0000 80%),radial-gradient(300px at 50% 85%,#4ade8005,#0000 80%)}:root.light-mode .custom-audio-player{background:#00000005}:root.light-mode .voice-recorder-prompt{background:#00000008}:root.light-mode .navbar{background:#f4f7f4cc}:root.light-mode .site-footer{background:linear-gradient(#0000 0%,#f4f7f4f2 20%)}:root.light-mode .support-card{background:linear-gradient(135deg,#ffffffbf 0%,#eaf2ebf2 100%);border:1px solid #4ade8033;box-shadow:0 15px 35px #05140b0d,inset 0 1px #fff9}:root.light-mode .support-card-value-row{background:#00000008;border:1px solid #0000000d}:root.light-mode .card-glass-shine{background:linear-gradient(115deg,#0000 0% 45%,#ffffff4d 48%,#fff9 50%,#ffffff4d 52%,#0000 55% 100%)}:root.light-mode .support-card-label{color:var(--text-tertiary)}:root.light-mode .support-copy-btn{color:var(--text-secondary);background:#fff;border-color:#0000001a}:root.light-mode .support-copy-btn:hover{color:#000;background:#f4f7f4;border-color:#22c55e59}.navbar{z-index:100;background:var(--bg-primary);border-bottom:1px solid #ffffff04;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 16px #0003}:root.light-mode .navbar{background:var(--bg-primary);border-bottom:1px solid #00000004;box-shadow:0 4px 16px #c4d4c859}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.navbar-brand{align-items:center;gap:var(--space-2);color:var(--text-primary);text-decoration:none;display:flex}.navbar-logo-icon{border-radius:var(--radius-md);width:36px;height:36px;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;overflow:hidden}.navbar-logo-img{width:100%;height:100%;display:block}.navbar-brand:hover .navbar-logo-icon{transform:scale(1.05)}.navbar-logo-text{letter-spacing:-.03em;font-size:1.125rem;font-weight:700}.navbar-logo-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary-light);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-full);padding:3px 10px;font-size:.625rem;font-weight:700}.navbar-links{align-items:center;gap:var(--space-3);display:flex}.navbar-link{color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-base);border:1px solid #0000;font-size:.875rem;font-weight:600;text-decoration:none}.navbar-link:hover{color:var(--text-primary);box-shadow:var(--shadow-neumorphic-out);border-color:#ffffff01}.navbar-link.active{color:var(--accent-primary-light);box-shadow:var(--shadow-neumorphic-in)}.navbar-actions{align-items:center;gap:var(--space-3);display:flex}.navbar-user{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-neumorphic-out);border:1px solid #ffffff01;display:flex}.navbar-avatar{background:var(--bg-primary);border-radius:var(--radius-full);width:26px;height:26px;color:var(--text-secondary);box-shadow:var(--shadow-neumorphic-in);justify-content:center;align-items:center;display:flex}.navbar-username{color:var(--text-primary);font-size:.875rem;font-weight:500}.navbar-logout{padding:var(--space-1) var(--space-2)!important;box-shadow:var(--shadow-neumorphic-out)!important}.navbar-logout:hover{box-shadow:var(--shadow-neumorphic-out-hover)!important}.navbar-logout:active{box-shadow:var(--shadow-neumorphic-in)!important}.navbar-mobile-toggle{background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-fast);border:none;display:none}.navbar-mobile-toggle:active{box-shadow:var(--shadow-neumorphic-in)}.navbar-mobile-menu{gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--bg-primary);flex-direction:column;display:none;box-shadow:inset 0 4px 8px #0003}.navbar-mobile-menu a,.navbar-mobile-menu button{color:var(--text-secondary);padding:var(--space-3);border-radius:var(--radius-md);text-align:left;cursor:pointer;font-size:.9375rem;font-family:var(--font-sans);transition:all var(--transition-fast);background:0 0;border:none;text-decoration:none}.navbar-mobile-menu a:hover,.navbar-mobile-menu button:hover{color:var(--text-primary);box-shadow:var(--shadow-neumorphic-out)}@media (width<=768px){.navbar-links,.navbar-actions{display:none}.navbar-mobile-toggle,.navbar-mobile-menu{display:flex}}.tool-card{align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;cursor:pointer;font-family:var(--font-sans);color:inherit;border:1px solid #ffffff04;flex-direction:column;width:100%;height:100%;text-decoration:none;display:flex;position:relative;overflow:hidden}:root.light-mode .tool-card{border:1px solid #00000004}.tool-card:hover{border-color:color-mix(in srgb, var(--tool-accent) 25%, transparent)}.tool-card-arrow{color:var(--text-muted);top:var(--space-4);right:var(--space-4);opacity:0;transition:all var(--transition-base);background:var(--bg-primary);width:28px;height:28px;box-shadow:var(--shadow-neumorphic-in);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(4px)}.tool-card:hover .tool-card-arrow{opacity:1;color:var(--tool-accent);box-shadow:var(--shadow-neumorphic-out);transform:translateY(0)}.tool-card-icon{border-radius:var(--radius-md);background:var(--bg-primary);width:46px;height:46px;box-shadow:var(--shadow-neumorphic-in);color:var(--tool-accent);transition:all var(--transition-base);border:1px solid #ffffff01;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-card:hover .tool-card-icon{background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-out-hover);color:#fff;background-color:var(--tool-accent);transform:scale(1.05)}.tool-card-content{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.tool-card-title{color:var(--text-primary);font-size:.9375rem;font-weight:700;line-height:1.3}.tool-card-desc{color:var(--text-tertiary);font-size:.8125rem;line-height:1.5}.tool-card-glow{background:radial-gradient(circle, color-mix(in srgb, var(--tool-accent) 6%, transparent) 0%, transparent 70%);pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity var(--transition-base);position:absolute;top:-50%;right:-50%}.tool-card:hover .tool-card-glow{opacity:1}.custom-video-player-container{box-shadow:var(--shadow-neumorphic-out);background:var(--bg-card);transition:all var(--transition-base);border:1px solid #ffffff04}:root.light-mode .custom-video-player-container{border:1px solid #00000004}.video-controls-overlay{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-3);z-index:10;transition:opacity var(--transition-base), transform var(--transition-base);background:#121212b3;border:1px solid #ffffff14;display:flex;position:absolute}.video-controls-overlay.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.video-controls-overlay.visible{opacity:1;transform:translateY(0)}.video-control-btn{background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-out);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.video-control-btn:hover{color:var(--accent-cyan);box-shadow:var(--shadow-neumorphic-out-hover)}.video-control-btn:active{box-shadow:var(--shadow-neumorphic-in)}.video-time-label{font-family:var(--font-mono);color:#fff;flex-shrink:0;font-size:.75rem}.video-progress-slider{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:#ffffff26;outline:none;flex:1;height:5px}.video-progress-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-cyan);width:12px;height:12px;box-shadow:0 0 6px var(--accent-cyan);transition:transform var(--transition-fast);border-radius:50%}.video-progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.custom-video-player-container.fullscreen{background:#000;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important}.custom-video-player-container.fullscreen video{height:100vh!important;max-height:100vh!important}.blog-section{margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--border-default)}.blog-header{text-align:center;margin-bottom:var(--space-10)}.blog-header-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);color:var(--accent-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);background:#8b5cf614;border:1px solid #8b5cf633;font-size:.75rem;font-weight:600;display:inline-flex}.blog-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.blog-subtitle{color:var(--text-secondary);font-size:1rem}.blog-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.blog-card{padding:var(--space-6);cursor:pointer;border:1px solid var(--border-subtle);flex-direction:column;display:flex;position:relative;overflow:hidden}.blog-card:hover{border-color:var(--blog-accent,var(--border-hover))}.blog-card:hover .blog-card-glow{opacity:1}.blog-card-category{align-items:center;gap:var(--space-2);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-size:.75rem;font-weight:600;display:inline-flex}.blog-category-dot{border-radius:50%;width:6px;height:6px}.blog-card-title{color:var(--text-primary);margin-bottom:var(--space-3);transition:color var(--transition-fast);font-size:1.125rem;font-weight:700;line-height:1.4}.blog-card:hover .blog-card-title{color:var(--accent-primary-light)}.blog-card-footer{justify-content:space-between;align-items:center;display:flex}.blog-card-meta{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.75rem;display:flex}.blog-card-meta svg{opacity:.6}.blog-meta-sep{opacity:.4}.blog-read-more{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-tertiary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.75rem;font-weight:600;display:inline-flex}.blog-read-more:hover{color:var(--accent-primary-light);border-color:var(--border-hover);background:var(--accent-glow)}.blog-card-glow{background:radial-gradient(circle at center, var(--blog-accent,var(--accent-primary)), transparent 70%);opacity:0;width:200%;height:200%;transition:opacity var(--transition-slow);pointer-events:none;z-index:-1;filter:blur(80px);position:absolute;top:-50%;left:-50%}@media (width<=768px){.blog-grid{grid-template-columns:1fr}}.subscribe-section{margin-top:var(--space-16);padding:var(--space-12) 0}.subscribe-card{padding:var(--space-12) var(--space-10);background:var(--bg-card);border-radius:var(--radius-2xl);text-align:center;box-shadow:var(--shadow-neumorphic-out);border:1px solid #ffffff04;position:relative;overflow:hidden}:root.light-mode .subscribe-card{border:1px solid #00000004}.subscribe-glow{pointer-events:none;z-index:0;background:radial-gradient(#22c55e0a 0%,#0000 70%);width:500px;height:300px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.subscribe-content{z-index:1;max-width:540px;margin:0 auto;position:relative}.subscribe-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-full);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-5);font-size:.75rem;font-weight:700;display:inline-flex}.subscribe-title{margin-bottom:var(--space-3);color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.2}.subscribe-desc{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:1rem;line-height:1.7}.subscribe-form{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.subscribe-input-group{border-radius:var(--radius-lg);background:var(--bg-primary);width:100%;max-width:460px;box-shadow:var(--shadow-neumorphic-in);transition:all var(--transition-fast);padding:var(--space-1);align-items:center;display:flex;overflow:hidden}.subscribe-input{padding:var(--space-3) var(--space-4);color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.subscribe-input::placeholder{color:var(--text-muted)}.subscribe-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);white-space:nowrap;border:none;font-size:.875rem;font-weight:600;display:inline-flex}.subscribe-btn:hover{box-shadow:var(--shadow-neumorphic-out-hover);color:var(--btn-primary-text);background:var(--btn-primary-hover-bg);opacity:.95}.subscribe-btn:active{box-shadow:var(--shadow-neumorphic-in)}.subscribe-btn:disabled{opacity:.5;cursor:not-allowed}.subscribe-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.subscribe-feedback{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-neumorphic-in);font-size:.875rem;font-weight:500;display:flex}.subscribe-success{color:var(--accent-emerald);background:var(--bg-primary);border:1px solid #34d3991a}.subscribe-error{color:var(--accent-rose);background:var(--bg-primary);border:1px solid #f43f5e1a}@media (width<=480px){.subscribe-card{padding:var(--space-8) var(--space-5)}.subscribe-input-group{border-radius:var(--radius-md);box-shadow:none;gap:var(--space-3);background:0 0;flex-direction:column}.subscribe-input{border-radius:var(--radius-md);background:var(--bg-primary);width:100%;box-shadow:var(--shadow-neumorphic-in)}.subscribe-btn{width:100%;padding:var(--space-3);border-radius:var(--radius-md);justify-content:center}.subscribe-title{font-size:1.5rem}}.site-footer{margin-top:var(--space-24);padding:var(--space-16) 0 var(--space-8);border-top:1px solid var(--border-subtle);background:linear-gradient(#0000 0%,#06080df2 20%);position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:.3;width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);text-decoration:none;display:inline-flex}.footer-logo-icon{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.footer-logo-text{color:var(--text-primary);font-size:1.125rem;font-weight:700}.footer-logo-badge{background:var(--accent-glow);border-radius:var(--radius-sm);color:var(--accent-primary-light);text-transform:uppercase;letter-spacing:.05em;border:1px solid #6366f133;padding:2px 6px;font-size:.65rem;font-weight:700}.footer-brand-desc{color:var(--text-tertiary);max-width:320px;font-size:.875rem;line-height:1.7}.footer-col-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);font-size:.8125rem;font-weight:700}.footer-links{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-links a{color:var(--text-tertiary);transition:color var(--transition-fast), transform var(--transition-fast);font-size:.875rem;text-decoration:none;display:inline-block}.footer-links a:hover{color:var(--accent-primary-light);transform:translate(3px)}.footer-support-link{align-items:center;gap:var(--space-2);color:var(--accent-rose)!important;font-weight:600!important;display:inline-flex!important}.footer-support-link:hover{color:#fb7185!important}.footer-socials{gap:var(--space-3);margin-top:var(--space-5);display:flex}.footer-socials a{border-radius:var(--radius-md);border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-tertiary);transition:all var(--transition-base);justify-content:center;align-items:center;text-decoration:none;display:flex}.footer-socials a:hover{color:var(--accent-primary-light);border-color:var(--border-hover);background:var(--bg-glass-hover);transform:translateY(-2px)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.footer-copyright{color:var(--text-muted);font-size:.8125rem}.footer-tagline{color:var(--text-muted);align-items:center;gap:var(--space-1);font-size:.8125rem;display:flex}.footer-heart{color:var(--accent-rose);animation:2s ease-in-out infinite pulse}@media (width<=768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1}.footer-bottom{gap:var(--space-2);text-align:center;flex-direction:column}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.dashboard{padding-bottom:var(--space-24);position:relative}.hero{padding:calc(80px + var(--space-20)) 0 var(--space-16);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#6366f114 0%,#8b5cf60a 45%,#0000 70%);width:1000px;height:600px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-scattered-cards{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.scattered-card{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026, var(--shadow-neumorphic-out);-webkit-backdrop-filter:blur(10px);color:var(--text-secondary);pointer-events:auto;background:#ffffff08;border:1px solid #ffffff0f;padding:8px 14px;font-size:.75rem;font-weight:600;transition:transform .3s,border-color .3s,box-shadow .3s;animation:6s ease-in-out infinite heroFloat;display:flex;position:absolute}.scattered-card:hover{color:var(--text-primary);border-color:#6366f14d;box-shadow:0 10px 25px #6366f133;transform:translateY(-5px)scale(1.05)!important}.scattered-card-icon{justify-content:center;align-items:center;display:flex}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scattered-card.card-1{animation-duration:5s;animation-delay:0s;top:22%;left:8%}.scattered-card.card-2{animation-duration:7s;animation-delay:1.5s;top:15%;right:10%}.scattered-card.card-3{animation-duration:6s;animation-delay:.8s;top:55%;left:5%}.scattered-card.card-4{animation-duration:5.5s;animation-delay:2.2s;top:48%;right:8%}.scattered-card.card-5{animation-duration:6.5s;animation-delay:1.2s;top:80%;left:15%}.scattered-card.card-6{animation-duration:7.5s;animation-delay:.5s;top:76%;right:17%}@media (width<=1024px){.scattered-card.card-5,.scattered-card.card-6{display:none}}@media (width<=768px){.hero-scattered-cards{display:none}}.hero-content{z-index:10;max-width:800px;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);color:var(--accent-primary-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-8);background:#6366f10f;border:1px solid #6366f126;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0000001a}.hero-title{letter-spacing:-.04em;margin-bottom:var(--space-6);color:var(--text-primary);text-shadow:0 4px 20px #00000040;font-size:4rem;font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:620px;margin:0 auto;font-size:1.25rem;font-weight:400;line-height:1.7}.hero-features{justify-content:center;align-items:center;gap:var(--space-10);margin-top:var(--space-10);display:flex}.hero-feature{align-items:center;gap:var(--space-2);color:var(--text-tertiary);letter-spacing:.02em;font-size:.875rem;font-weight:600;display:flex}.hero-feature svg{color:var(--accent-cyan)}.tools-section{margin-bottom:var(--space-16);z-index:10;position:relative}.tools-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.tools-grid>*{display:flex}@media (width>=1200px){.tools-grid{grid-template-columns:repeat(24,1fr)}.tools-grid>:first-child,.tools-grid>:nth-child(2),.tools-grid>:nth-child(3),.tools-grid>:nth-child(4){grid-column:span 6}.tools-grid>:nth-child(5){grid-column:4/span 6}.tools-grid>:nth-child(6),.tools-grid>:nth-child(7){grid-column:span 6}}.section-header{text-align:center;margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto}.section-title{color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.03em;font-size:2.25rem;font-weight:800}.section-subtitle{color:var(--text-secondary);font-size:1.0625rem;line-height:1.6}.gallery-service-group{margin-bottom:var(--space-12)}.gallery-service-label{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default);display:flex}.gallery-service-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.gallery-service-count{padding:var(--space-1) var(--space-3);background:var(--accent-glow);border-radius:var(--radius-full);color:var(--accent-primary-light);font-size:.75rem;font-weight:600;font-family:var(--font-mono);border:1px solid #6366f133}.upload-section{gap:var(--space-5);flex-direction:column;display:flex}.options-panel{padding:var(--space-6)}.options-title{color:var(--text-primary);margin-bottom:var(--space-5);font-size:1rem;font-weight:600}.options-grid{gap:var(--space-5);flex-direction:column;display:flex}.option-group{gap:var(--space-2);flex-direction:column;display:flex}.option-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.option-buttons{gap:var(--space-2);display:flex}.option-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:1px solid #ffffff01;font-size:.8125rem;font-weight:600}.option-btn:hover{color:var(--text-primary);box-shadow:var(--shadow-neumorphic-out-hover)}.option-btn.active{color:var(--accent-primary-light);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-color:#4ade8026}.voice-text-input{resize:vertical;min-height:80px;font-size:.9375rem}.options-actions{margin-top:var(--space-6);justify-content:flex-end;display:flex}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.error-banner{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);color:var(--accent-rose);white-space:pre-wrap;background:#f43f5e14;border:1px solid #f43f5e33;justify-content:space-between;align-items:flex-start;font-size:.875rem;display:flex}.error-dismiss{color:var(--accent-rose);cursor:pointer;font-family:var(--font-sans);opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;font-size:.8125rem;font-weight:600}.error-dismiss:hover{opacity:1}.result-banner{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:#34d3990f;border:1px solid #34d39933;justify-content:space-between;align-items:center;display:flex}.result-banner-content{align-items:center;gap:var(--space-3);display:flex}.result-banner-icon{font-size:1.25rem}.result-banner-content strong{color:var(--text-primary);font-size:.9375rem}.result-banner-time{margin-left:var(--space-2);font-family:var(--font-mono);color:var(--accent-emerald);font-size:.8125rem}@media (width<=768px){.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.hero-features{gap:var(--space-3);flex-direction:column}.tools-grid{grid-template-columns:1fr}}.voice-clone-source-panel{border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-neumorphic-out);border:1px solid #ffffff04;flex-direction:column;display:flex;overflow:hidden}.voice-source-tabs{background:var(--bg-primary);padding:var(--space-2);gap:var(--space-2);box-shadow:var(--shadow-neumorphic-in);display:flex}.voice-tab{padding:var(--space-3) var(--space-5);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base);text-align:center;border-radius:var(--radius-lg);background:0 0;border:none;flex:1;font-size:.9375rem;font-weight:600}.voice-tab:hover{color:var(--text-primary);box-shadow:var(--shadow-neumorphic-out)}.voice-tab.active{color:var(--accent-primary-light);box-shadow:var(--shadow-neumorphic-in);background:var(--bg-primary)}.voice-source-content{padding:var(--space-6)}.voice-recorder-container{align-items:center;gap:var(--space-6);text-align:center;padding:var(--space-4) 0;flex-direction:column;display:flex}.voice-recorder-prompt{background:var(--bg-primary);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-neumorphic-in);width:100%;max-width:600px}.prompt-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:var(--space-2);font-size:.8125rem}.prompt-text{color:var(--text-primary);font-size:1.125rem;font-style:italic;font-weight:500;line-height:1.6}.voice-recorder-controls{justify-content:center;width:100%;display:flex}.btn-record{align-items:center;gap:var(--space-2);background:var(--bg-primary);color:var(--accent-primary-light);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:1px solid #ffffff03;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-record:hover{color:#fff;box-shadow:var(--shadow-neumorphic-out-hover)}.btn-record:active{box-shadow:var(--shadow-neumorphic-in)}.btn-stop-record{align-items:center;gap:var(--space-3);background:var(--bg-primary);color:var(--accent-rose);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:1px solid #f43f5e14;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-stop-record:hover{background:#e11d48;transform:translateY(-1px)}.stop-icon-dot{background-color:#fff;border-radius:2px;width:10px;height:10px}.pulsing{position:relative}.pulsing:after{content:"";border-radius:var(--radius-full);border:2px solid var(--accent-rose);opacity:1;animation:1.5s ease-out infinite recordingPulse;position:absolute;inset:-4px}@keyframes recordingPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.voice-recorded-preview{align-items:center;gap:var(--space-3);background:var(--bg-primary);width:100%;max-width:400px;box-shadow:var(--shadow-neumorphic-in);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);flex-direction:column;display:flex}.preview-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.voice-recorded-preview audio{width:100%;height:40px}.gallery-section{margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--border-default)}.gallery-header{text-align:center;margin-bottom:var(--space-8)}.gallery-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.gallery-subtitle{color:var(--text-secondary);font-size:1rem}.gallery-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;max-width:800px;margin:0 auto;display:grid}.gallery-card{border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:1px solid #ffffff04;flex-direction:column;display:flex;overflow:hidden}:root.light-mode .gallery-card{border:1px solid #00000004}.gallery-card:hover{box-shadow:var(--shadow-neumorphic-out-hover);transform:translateY(-2px)}.gallery-card-header{padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-bottom:1px solid #ffffff03;justify-content:space-between;align-items:center;display:flex;box-shadow:inset 0 -3px 6px #00000014}.gallery-card-badge{color:var(--accent-primary-light);font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.gallery-card-time{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.gallery-card-preview{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.gallery-card-preview img,.gallery-card-preview video{object-fit:contain;width:100%;height:100%}.gallery-card-preview audio{width:90%;height:40px}.gallery-file-fallback{align-items:center;gap:var(--space-2);color:var(--text-tertiary);flex-direction:column;display:flex}.gallery-file-fallback span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.8125rem;overflow:hidden}.gallery-card-footer{padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-top:1px solid #ffffff03;justify-content:space-between;align-items:center;display:flex;box-shadow:inset 0 3px 6px #00000014}.gallery-card-filename{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.8125rem;font-weight:500;overflow:hidden}.gallery-compare-container{aspect-ratio:16/9;background:#000;width:100%;height:100%;display:flex}.gallery-compare-side{border-right:1px solid var(--border-default);flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.gallery-compare-side:last-child{border-right:none}.gallery-compare-label{color:#fff;z-index:10;letter-spacing:.5px;text-transform:uppercase;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600;position:absolute;top:6px;left:6px}.gallery-obscured-image{filter:blur(4px)opacity(.5);pointer-events:none;transition:filter .3s,opacity .3s}.gallery-card:hover .gallery-obscured-image{filter:blur(1.5px)opacity(.7)}.gallery-compare-side img,.gallery-compare-side video{object-fit:contain;width:100%;height:100%}.gallery-compare-audio-container{gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);flex-direction:column;display:flex}.gallery-compare-audio-row{flex-direction:column;gap:4px;display:flex}.gallery-compare-audio-row span{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.gallery-compare-audio-row audio{display:none}.custom-audio-player{background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-md);border:none;flex-direction:column;gap:6px;width:100%;padding:10px 14px;display:flex}.custom-audio-controls{align-items:center;gap:12px;display:flex}.custom-audio-play-btn{background:var(--bg-primary);color:var(--accent-primary-light);cursor:pointer;width:28px;height:28px;box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.custom-audio-play-btn:hover{color:#fff;box-shadow:var(--shadow-neumorphic-out-hover)}.custom-audio-play-btn:active{box-shadow:var(--shadow-neumorphic-in)}.custom-audio-progress-bar{background:var(--bg-primary);height:6px;box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-full);flex:1;position:relative;overflow:hidden}.custom-audio-progress-fill{background:var(--accent-cyan);border-radius:var(--radius-full);width:0%;height:100%;transition:width .1s linear}.transcript-gallery-preview{padding:var(--space-4);color:var(--text-secondary);text-align:center;background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;width:100%;height:100%;font-size:.8125rem;font-style:italic;display:flex}.transcript-gallery-notice{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-style:normal;font-weight:700}:root.light-mode .hero-title{text-shadow:0 2px 10px #0000000a}:root.light-mode .gallery-card-preview{background:var(--bg-tertiary);box-shadow:inset 0 2px 5px #0000000d}:root.light-mode .gallery-compare-container{background:var(--bg-tertiary)}:root.light-mode .gallery-compare-side{background:var(--bg-tertiary);border-right-color:#0000000d}:root.light-mode .gallery-compare-audio-container{background:var(--bg-tertiary)}.btn-spinner{vertical-align:-2px;border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;animation:.6s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.pdf-canvas-container{gap:var(--space-3);flex-direction:column;animation:.4s ease-out fadeIn;display:flex}.pdf-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.pdf-toolbar-group{align-items:center;gap:var(--space-1);display:flex}.pdf-tool-btn{width:34px;height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.pdf-tool-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.pdf-tool-btn.active{background:var(--accent-glow);color:var(--accent-primary-light);border-color:#6366f14d}.pdf-tool-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-text-input{max-width:300px;padding:var(--space-2) var(--space-3)!important;font-size:.8125rem!important}.pdf-zoom-label,.pdf-page-label{font-size:.75rem;font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;min-width:50px}.pdf-canvas-wrapper{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-height:600px;padding:var(--space-4);overflow:auto}.pdf-canvas{border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);margin:0 auto;display:block}.pdf-select-field{background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;outline:none;height:34px;padding:4px 8px;font-size:.8125rem}.pdf-select-field option{background:var(--bg-card);color:var(--text-primary)}.pdf-color-picker-group{margin-left:var(--space-2);align-items:center;gap:6px;display:flex}.pdf-color-dot{cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast) ease;border:2px solid #0000;border-radius:50%;padding:0}.pdf-color-dot:hover{transform:scale(1.15)}.pdf-color-dot.active{border-color:#fff;box-shadow:0 0 4px #fff9}.pdf-signature-indicator{padding:var(--space-2) var(--space-4);color:#fbbf24;border-radius:var(--radius-md);margin-bottom:var(--space-2);background:#fbbf2426;border:1px solid #fbbf244d;font-size:.8125rem;font-weight:600}.pdf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pdf-modal{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-xl);width:480px;max-width:90%;box-shadow:var(--shadow-2xl);flex-direction:column;display:flex;overflow:hidden}.pdf-modal-header{padding:var(--space-4);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.pdf-modal-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.pdf-modal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.pdf-modal-body label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:-6px;font-size:.75rem;font-weight:700}.pdf-modal-textarea{background:var(--bg-secondary);border:1px solid var(--border-default);width:100%;min-height:80px;color:var(--text-primary);border-radius:var(--radius-md);resize:vertical;padding:var(--space-3)!important;font-size:.875rem!important}.pdf-modal-properties{gap:var(--space-6);align-items:center;display:flex}.pdf-modal-properties>div{gap:var(--space-2);flex-direction:column;display:flex}.pdf-modal-footer{padding:var(--space-4);border-top:1px solid var(--border-default);background:#ffffff03;justify-content:space-between;align-items:center;display:flex}.pdf-modal-footer .text-red{color:#f43f5e}.pdf-modal-footer .text-red:hover{background:#f43f5e14}.pdf-signature-pad{border:2px dashed var(--border-default);border-radius:var(--radius-md);cursor:crosshair;background:#fff}.pdf-modal-hint{color:var(--text-muted);margin-top:var(--space-2);text-align:center;font-size:.75rem}.metric-widget{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.metric-value{font-family:var(--font-mono);color:var(--metric-color);font-size:1.25rem;font-weight:600}.metric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.6875rem;font-weight:500}.results-page{padding-top:calc(64px + var(--space-8));padding-bottom:var(--space-24);min-height:100vh}.results-empty{align-items:center;gap:var(--space-4);text-align:center;padding-top:var(--space-24);color:var(--text-tertiary);flex-direction:column;display:flex}.results-empty h2{color:var(--text-primary);font-size:1.5rem}.results-empty p{max-width:360px}.results-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.results-metrics{gap:var(--space-6);display:flex}.result-section{margin-bottom:var(--space-8)}.result-card{padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-neumorphic-out);border:1px solid #ffffff04}:root.light-mode .result-card{border:1px solid #00000004}.result-card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.result-card-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:700}.result-count{font-size:.75rem;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-full);padding:3px 10px}.result-filename{font-size:.8125rem;font-family:var(--font-mono);color:var(--text-tertiary)}.result-card-actions{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid #ffffff04;display:flex}:root.light-mode .result-card-actions{border-top:1px solid #00000008}.transcript-list{gap:var(--space-2);background:var(--bg-primary);max-height:500px;box-shadow:var(--shadow-neumorphic-in);padding:var(--space-4);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow-y:auto}.transcript-segment{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.transcript-segment:hover{background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-out)}.transcript-time{font-family:var(--font-mono);color:var(--accent-cyan);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:.75rem}.transcript-text{color:var(--text-primary);font-size:.9375rem;line-height:1.5}.result-preview-image{background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-md);padding:var(--space-4);justify-content:center;display:flex;overflow:hidden}.result-preview-image img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:500px}.result-preview-audio{padding:var(--space-4) 0}.result-preview-audio audio{width:100%}.result-preview-video{padding:var(--space-4) 0}.result-preview-video video{border-radius:var(--radius-md);width:100%;max-height:500px}.result-banner-download{padding:var(--space-4) var(--space-5);color:var(--accent-emerald);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:500;display:flex}@media (width<=640px){.results-header{gap:var(--space-4);flex-direction:column;align-items:flex-start}.transcript-segment{gap:var(--space-1);flex-direction:column}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;padding:var(--space-4);background:#0b1f138c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}:root.light-mode .modal-overlay{background:#e2ede5a6}.modal-container{background:var(--bg-card);border-radius:var(--radius-3xl);box-shadow:var(--shadow-neumorphic-out);width:100%;padding:var(--space-8) var(--space-6);z-index:210;border:1px solid #ffffff04;position:relative}:root.light-mode .modal-container{border:1px solid #00000004}.modal-close-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.modal-close-btn:hover{box-shadow:var(--shadow-neumorphic-out);color:var(--text-primary)}.max-w-md{max-width:480px}.max-w-2xl{max-width:680px}.w-full{width:100%}.admin-sidebar{background:var(--bg-primary);width:260px;padding:var(--space-8) var(--space-6);z-index:90;border-right:1px solid #ffffff04;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;left:0;box-shadow:6px 0 16px #00000026}:root.light-mode .admin-sidebar{border-right:1px solid #00000004;box-shadow:6px 0 16px #c4d4c840}.admin-sidebar-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-12);display:flex}.admin-sidebar-logo-icon{background:var(--bg-primary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-primary-light);box-shadow:var(--shadow-neumorphic-out);border:1px solid #ffffff03;justify-content:center;align-items:center;font-size:.9375rem;font-weight:800;display:flex}.admin-sidebar-brand-text{flex-direction:column;display:flex}.admin-sidebar-brand-text .brand-name{color:var(--text-primary);font-size:1rem;font-weight:800;line-height:1.1}.admin-sidebar-brand-text .brand-badge{color:var(--accent-rose);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.admin-sidebar-menu{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.admin-sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-family:var(--font-sans);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;width:100%;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.admin-sidebar-link:hover{color:var(--text-primary);box-shadow:var(--shadow-neumorphic-out);border-color:#ffffff01}.admin-sidebar-link.active{color:var(--accent-primary-light);box-shadow:var(--shadow-neumorphic-in)}.admin-sidebar-footer{gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid #ffffff04;flex-direction:column;display:flex}:root.light-mode .admin-sidebar-footer{border-top:1px solid #00000008}.admin-sidebar-footer .back-to-site-link{color:var(--text-tertiary)}.admin-sidebar-footer .logout-btn{color:var(--accent-rose)}.admin-layout{background:var(--bg-primary);min-height:100vh;display:flex}.admin-content{padding:var(--space-8) var(--space-10);background:var(--bg-primary);flex:1;overflow-y:auto}.admin-header{margin-bottom:var(--space-8)}.admin-header-info{gap:var(--space-2);flex-direction:column;display:flex}.admin-header-info h1{color:var(--text-primary);letter-spacing:-.03em;font-size:2.25rem;font-weight:800}.admin-header-info p{color:var(--text-secondary);font-size:1rem}.admin-stats-grid{gap:var(--space-5);margin-bottom:var(--space-10);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.admin-stat-card{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);border:1px solid #ffffff03;display:flex}:root.light-mode .admin-stat-card{border:1px solid #00000004}.stat-card-icon{border-radius:var(--radius-lg);background:var(--bg-primary);width:44px;height:44px;box-shadow:var(--shadow-neumorphic-in);flex-shrink:0;justify-content:center;align-items:center;display:flex}.jobs-icon{color:var(--accent-primary-light)}.subscribers-icon{color:var(--accent-rose)}.visitors-icon{color:var(--accent-cyan)}.views-icon{color:var(--accent-amber)}.bounce-icon{color:var(--accent-rose)}.duration-icon{color:var(--accent-primary-light)}.stat-card-info{flex-direction:column;gap:2px;display:flex}.stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:600}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:800;font-family:var(--font-title);line-height:1.2}.stat-change{letter-spacing:.2px;font-size:.6875rem;font-weight:700}.stat-change.positive{color:var(--accent-emerald)}.stat-change.negative{color:var(--accent-rose)}.stat-change.neutral{color:var(--text-tertiary);font-weight:600}.admin-usage-section{width:100%}.flex-column{flex-direction:column}.filter-controls-container{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.search-bar-form{width:240px}.input-search-wrapper{width:100%;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{height:36px;padding-left:36px!important;padding-right:48px!important;font-size:.8125rem!important}.clear-search-btn{color:var(--accent-rose);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.75rem;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.filter-select-wrapper{position:relative}.filter-icon{color:var(--text-muted);pointer-events:none;z-index:2;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.select-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238cb89c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;height:36px;padding-left:32px!important;padding-right:28px!important;font-size:.8125rem!important}:root.light-mode .select-input{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a6654' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.user-email-cell{font-weight:500}.anonymous-badge{color:var(--text-muted);font-size:.75rem;font-style:italic}.tool-name-cell{font-weight:600}.tool-badge-pill{border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-sans);padding:2px 8px}.tool-badge-pill.background-removal{color:var(--accent-primary-light);background:#22c55e14;border:1px solid #22c55e26}.tool-badge-pill.transcribe{color:var(--accent-cyan);background:#22d3ee14;border:1px solid #22d3ee26}.tool-badge-pill.extract-audio{color:var(--accent-rose);background:#f43f5e14;border:1px solid #f43f5e26}.tool-badge-pill.pdf-editor{color:var(--accent-amber);background:#fbbf2414;border:1px solid #fbbf2426}.tool-badge-pill.voice-clone{color:#a78bfa;background:#8b5cf614;border:1px solid #8b5cf626}:root.light-mode .tool-badge-pill.voice-clone{color:#6d28d9}.file-name-cell{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:.8125rem;overflow:hidden}.time-elapsed-cell{font-family:var(--font-mono);font-size:.8125rem}.sortable-header{align-items:center;gap:var(--space-1);display:flex}.sort-arrow-icon{color:var(--text-muted)}.table-pagination-footer{padding:var(--space-4) var(--space-6);border-top:1px solid #ffffff04;justify-content:space-between;align-items:center;display:flex}:root.light-mode .table-pagination-footer{border-top:1px solid #00000008}.pagination-text{color:var(--text-secondary);font-size:.8125rem}@media (width<=1024px){.admin-layout{flex-direction:column}.admin-sidebar{border-bottom:1px solid #ffffff04;border-right:none;width:100%;height:auto}}@media (width<=768px){.admin-content{padding:var(--space-6) var(--space-4)}.list-header{gap:var(--space-4);align-items:flex-start!important}.filter-controls-container,.search-bar-form{width:100%}}.admin-seo-page{padding-top:var(--space-8);padding-bottom:var(--space-16);max-width:1000px}.admin-seo-header{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.back-dashboard-btn{align-self:flex-start;align-items:center;gap:var(--space-2);display:flex}.header-info{gap:var(--space-2);flex-direction:column;display:flex}.admin-badge{align-items:center;gap:calc(var(--space-1) + var(--space-1));background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);color:var(--accent-rose);padding:6px var(--space-4);border-radius:var(--radius-full);width:fit-content;font-size:.75rem;font-weight:700;display:inline-flex}.header-info h1{color:var(--text-primary);letter-spacing:-.02em;font-size:2.25rem;font-weight:800}.header-info p{color:var(--text-secondary);font-size:1rem}.admin-seo-error{align-items:center;gap:var(--space-3);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);color:var(--accent-rose);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border:1px solid #f43f5e1a;display:flex}.admin-seo-form-container{padding:var(--space-8);background:var(--bg-card);box-shadow:var(--shadow-neumorphic-out);border-radius:var(--radius-xl);margin-bottom:var(--space-8);border:1px solid #ffffff03}:root.light-mode .admin-seo-form-container{border:1px solid #00000004}.form-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff04;justify-content:space-between;align-items:center;display:flex}:root.light-mode .form-header{border-bottom:1px solid #00000008}.form-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700}.seo-form{gap:var(--space-6);flex-direction:column;display:flex}.form-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field.full-width{grid-column:span 2}.form-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.form-actions{padding-top:var(--space-6);border-top:1px solid #ffffff04;justify-content:flex-end;display:flex}:root.light-mode .form-actions{border-top:1px solid #00000008}.admin-seo-list-container{background:var(--bg-card);box-shadow:var(--shadow-neumorphic-out);border-radius:var(--radius-xl);border:1px solid #ffffff03}:root.light-mode .admin-seo-list-container{border:1px solid #00000004}.list-header{padding:var(--space-6);border-bottom:1px solid #ffffff04;justify-content:space-between;align-items:center;display:flex}:root.light-mode .list-header{border-bottom:1px solid #00000008}.list-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:700}.admin-seo-loading,.admin-seo-empty{padding:var(--space-12);text-align:center;color:var(--text-secondary);font-size:.9375rem}.seo-table-wrapper{overflow-x:auto}.seo-table{border-collapse:collapse;text-align:left;width:100%}.seo-table th,.seo-table td{padding:var(--space-4) var(--space-6);white-space:nowrap;border-bottom:1px solid #ffffff04;font-size:.875rem}:root.light-mode .seo-table th,:root.light-mode .seo-table td{border-bottom:1px solid #00000008}.seo-table th{color:var(--text-secondary);background:var(--bg-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;box-shadow:inset 0 -2px 4px #00000014}.seo-table tbody tr{transition:background var(--transition-fast)}.seo-table tbody tr:hover{background:var(--bg-glass-hover)}.page-name-cell{font-family:var(--font-mono);color:var(--accent-primary-light);font-weight:700}.title-cell,.desc-cell,.keys-cell{text-overflow:ellipsis;max-width:200px;overflow:hidden}.actions-cell{gap:var(--space-2);display:flex}.btn-icon-sm{border-radius:var(--radius-md);background:var(--bg-primary);width:32px;height:32px;box-shadow:var(--shadow-neumorphic-out);color:var(--text-secondary);transition:all var(--transition-base);border:1px solid #ffffff03;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon-sm:hover{box-shadow:var(--shadow-neumorphic-out-hover);color:var(--accent-primary-light)}.btn-icon-sm:active{box-shadow:var(--shadow-neumorphic-in)}.delete-btn:hover{color:var(--accent-rose)!important;border-color:#f43f5e26!important}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}}.color-selector-input-row{gap:var(--space-3);align-items:center;display:flex}.color-picker-swatch{cursor:pointer;border-radius:var(--radius-md)!important;width:50px!important;height:38px!important;box-shadow:var(--shadow-neumorphic-in)!important;background:0 0!important;border:none!important;padding:0!important}.hex-code-input{font-family:var(--font-mono);flex:1;font-size:.875rem!important}.bank-label-row{align-items:center;gap:var(--space-3);display:flex}.color-indicator-swatch{border-radius:var(--radius-full);flex-shrink:0;width:14px;height:14px;box-shadow:inset 1px 1px 3px #0006}:root.light-mode .color-indicator-swatch{box-shadow:inset 1px 1px 3px #0003}.card-hex-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border:1px solid #0000;padding:2px 8px;font-size:.75rem;font-weight:700}.account-number-cell code{font-family:var(--font-mono);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-sm);word-break:break-all;padding:2px 6px;font-size:.8125rem}.toggle-status-btn{align-items:center;gap:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;display:inline-flex}.toggle-status-btn:hover{box-shadow:var(--shadow-neumorphic-out)}.toggle-status-btn span{font-size:.8125rem;font-weight:600}.toggle-status-btn.active span{color:var(--accent-emerald)}.toggle-status-btn.inactive span{color:var(--text-muted)}.text-emerald{color:var(--accent-emerald)}.text-muted{color:var(--text-muted)}.blog-title-cell{text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-weight:600;overflow:hidden}.blog-label-row{align-items:center;gap:var(--space-3);display:flex}.blog-slug-cell code{font-family:var(--font-mono);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-sm);color:var(--text-tertiary);padding:2px 8px;font-size:.8125rem}.blog-status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;font-size:.75rem;font-weight:700}.blog-status-badge.published{color:var(--accent-emerald);background:#34d39914;border:1px solid #34d39926}.blog-status-badge.draft{color:var(--text-muted);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border:1px solid #0000}.back-blogs-btn{margin-bottom:var(--space-4);align-self:flex-start}.slug-input-wrapper{gap:var(--space-2);width:100%;display:flex}.slug-input-wrapper .input{flex:1}.slug-btn{height:38px;box-shadow:var(--shadow-neumorphic-out);flex-shrink:0}.slug-btn:active{box-shadow:var(--shadow-neumorphic-in)}.content-textarea{font-family:var(--font-mono);resize:vertical;font-size:.875rem!important;line-height:1.6!important}.header-label-with-icon{align-items:center;gap:var(--space-2);display:flex}.text-cyan{color:var(--accent-cyan)}.mt-6{margin-top:var(--space-6)}.stars-row{align-items:center;gap:2px;display:flex}.star-icon{flex-shrink:0}.star-icon.filled{color:var(--accent-amber);fill:var(--accent-amber)}.star-icon.empty{color:var(--text-muted)}.comment-cell{max-width:320px}.comment-quote-wrapper{align-items:flex-start;gap:var(--space-2);color:var(--text-primary);font-size:.875rem;display:flex}.comment-quote-wrapper span{text-overflow:ellipsis;white-space:nowrap;max-width:290px;display:inline-block;overflow:hidden}.quote-icon{color:var(--text-muted);flex-shrink:0;margin-top:3px}.blog-list-page{padding-top:calc(64px + var(--space-8));padding-bottom:var(--space-24);min-height:100vh}.blog-list-container{max-width:1200px}.blog-list-header{margin-top:var(--space-8);margin-bottom:var(--space-16);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.blog-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-full);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;display:inline-flex}.blog-list-desc{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.7}.blog-grid{gap:var(--space-8);margin-bottom:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.blog-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-neumorphic-out);background:var(--bg-card);transition:all var(--transition-base);border:1px solid #ffffff04;flex-direction:column;display:flex;overflow:hidden}:root.light-mode .blog-card{border:1px solid #00000004}.blog-card:hover{box-shadow:var(--shadow-neumorphic-out-hover);transform:translateY(-6px)}.blog-card-cover-container{background:var(--bg-primary);border-bottom:1px solid #ffffff04;width:100%;height:180px;overflow:hidden}:root.light-mode .blog-card-cover-container{border-bottom:1px solid #00000008}.blog-card-cover{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.blog-card:hover .blog-card-cover{transform:scale(1.05)}.blog-card-content{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card-meta{align-items:center;gap:var(--space-2);color:var(--text-muted);margin-bottom:var(--space-3);font-size:.75rem;display:flex}.blog-card-title{color:var(--text-primary);margin-bottom:var(--space-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-excerpt{color:var(--text-secondary);margin-bottom:var(--space-6);flex:1;font-size:.9375rem;line-height:1.6}.blog-card-read-more{align-items:center;gap:var(--space-2);color:var(--accent-primary-light);transition:color var(--transition-fast);font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.read-more-arrow{transition:transform var(--transition-fast)}.blog-card-read-more:hover{color:var(--accent-primary)}.blog-card-read-more:hover .read-more-arrow{transform:translate(4px)}.blog-list-loading,.blog-list-error,.blog-list-empty{padding:var(--space-16) 0;color:var(--text-secondary);font-size:1.125rem}.blog-detail-page{padding-top:calc(64px + var(--space-8));padding-bottom:var(--space-24);min-height:100vh}.blog-detail-container{max-width:840px}.blog-detail-card{padding:var(--space-10) var(--space-8);border-radius:var(--radius-3xl);box-shadow:var(--shadow-neumorphic-out);background:var(--bg-card);margin-top:var(--space-6);border:1px solid #ffffff04}:root.light-mode .blog-detail-card{border:1px solid #00000004}.blog-detail-header{margin-bottom:var(--space-8);align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.blog-detail-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-full);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;display:inline-flex}.blog-detail-title{color:var(--text-primary);letter-spacing:-.02em;font-size:2.5rem;font-weight:800;line-height:1.2}.blog-detail-meta{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.875rem;display:flex}.blog-detail-cover-container{border-radius:var(--radius-xl);width:100%;max-height:360px;box-shadow:var(--shadow-neumorphic-in);margin-bottom:var(--space-10);background:var(--bg-primary);overflow:hidden}.blog-detail-cover{object-fit:cover;width:100%;height:100%}.blog-detail-content{color:var(--text-primary)}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3{color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4);font-weight:700;line-height:1.3}.blog-detail-content h3{font-size:1.5rem}.blog-detail-content h2{font-size:1.75rem}.blog-detail-content p{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:1.0625rem;line-height:1.8}.blog-detail-content ul,.blog-detail-content ol{margin-left:var(--space-6);margin-bottom:var(--space-6);color:var(--text-secondary);line-height:1.7}.blog-detail-content li{margin-bottom:var(--space-2)}.blog-detail-content code{font-family:var(--font-mono);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-sm);color:var(--accent-cyan);padding:2px 6px;font-size:.875rem}.blog-detail-page-loading,.blog-detail-page-error{background:var(--bg-primary);min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.125rem;display:flex}@media (width<=640px){.blog-detail-card{padding:var(--space-6) var(--space-4)}.blog-detail-title{font-size:1.875rem}}.dropzone{min-height:200px;padding:var(--space-10);background:var(--bg-primary);border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-neumorphic-in);transition:all var(--transition-base);border:2px dashed #ffffff0d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}:root.light-mode .dropzone{border:2px dashed #00000014}.dropzone:hover{background:var(--bg-primary);border-color:var(--accent-primary-light)}.dropzone-active{box-shadow:var(--shadow-neumorphic-in), 0 0 8px #4ade8059!important;border-color:var(--accent-primary)!important}.dropzone-has-file{box-shadow:var(--shadow-neumorphic-in);border-style:solid;border-color:#4ade8033}.dropzone-disabled{opacity:.5;pointer-events:none}.dropzone-empty{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.dropzone-icon{background:var(--bg-primary);width:72px;height:72px;box-shadow:var(--shadow-neumorphic-out);border-radius:var(--radius-xl);color:var(--accent-primary-light);transition:all var(--transition-base);border:1px solid #ffffff03;justify-content:center;align-items:center;display:flex}.dropzone:hover .dropzone-icon{box-shadow:var(--shadow-neumorphic-out-hover);color:#fff;background:var(--accent-primary-light);transform:scale(1.05)}.dropzone-text h4{color:var(--text-primary);font-size:1.125rem;font-weight:700}.dropzone-text p{color:var(--text-tertiary);margin-top:var(--space-1);font-size:.875rem}.dropzone-text .text-mono{color:var(--accent-primary-light);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:4px;padding:2px 8px;font-size:.8125rem}:root.light-mode .dropzone-text .text-mono{color:var(--text-secondary)}.dropzone-or{color:var(--text-muted);font-size:.8125rem}.dropzone-file-info{align-items:center;gap:var(--space-4);width:100%;max-width:500px;display:flex}.dropzone-file-icon{border-radius:var(--radius-lg);background:var(--bg-primary);width:56px;height:56px;box-shadow:var(--shadow-neumorphic-in);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropzone-file-icon.type-image{color:var(--accent-primary-light)}.dropzone-file-icon.type-video{color:var(--accent-rose)}.dropzone-file-icon.type-audio{color:var(--accent-cyan)}.dropzone-file-icon.type-document{color:var(--accent-amber)}.dropzone-file-details{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.dropzone-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.dropzone-file-meta{color:var(--text-tertiary);font-size:.8125rem;font-family:var(--font-mono)}.dropzone-file-check{color:var(--accent-emerald);flex-shrink:0}.dropzone-clear-btn{background:var(--bg-primary);width:28px;height:28px;box-shadow:var(--shadow-neumorphic-out);color:var(--text-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropzone-clear-btn:hover{box-shadow:var(--shadow-neumorphic-out-hover);color:var(--accent-rose)}@media (width<=640px){.dropzone{padding:var(--space-6);min-height:160px}}.dropzone-file-info{align-items:center;gap:var(--space-5);width:100%;max-width:640px;padding:var(--space-4) var(--space-2);flex-direction:column;display:flex}.dropzone-preview-container{border-radius:var(--radius-lg);background:var(--bg-primary);width:100%;max-width:500px;box-shadow:var(--shadow-neumorphic-in);border:none;justify-content:center;align-items:center;display:flex;overflow:hidden}:root.light-mode .dropzone-preview-container{background:var(--bg-tertiary)}.dropzone-preview-container.has-media{aspect-ratio:16/9}.dropzone-media-preview{border-radius:var(--radius-lg);width:100%;height:100%;display:block}.image-preview{object-fit:contain}.video-preview{object-fit:contain;background:#000}:root.light-mode .video-preview{background:var(--bg-tertiary)}.audio-preview{width:90%;max-width:320px;height:40px;margin:var(--space-3) 0}.dropzone-file-details{text-align:center;align-items:center;gap:var(--space-1);flex-direction:column;width:100%;display:flex}.dropzone-clear-btn{top:var(--space-4);right:var(--space-4);z-index:10;background:var(--bg-primary);width:32px;height:32px;box-shadow:var(--shadow-neumorphic-out);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.dropzone-clear-btn:hover{box-shadow:var(--shadow-neumorphic-out-hover);color:var(--accent-rose);transform:scale(1.05)}.dropzone-clear-btn:active{box-shadow:var(--shadow-neumorphic-in)}.processing-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06080dd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.processing-card{align-items:center;gap:var(--space-5);padding:var(--space-12) var(--space-16);text-align:center;flex-direction:column;min-width:360px;display:flex}.processing-spinner{color:var(--accent-primary-light)}.spin-icon{animation:1.2s linear infinite spin}.processing-title{color:var(--text-primary);font-size:1.375rem;font-weight:700}.processing-tool{color:var(--text-tertiary);font-size:.875rem;font-family:var(--font-mono)}.processing-progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.processing-progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-cyan));border-radius:var(--radius-full);height:100%;transition:width .3s ease-out}.processing-metrics{gap:var(--space-6);margin-top:var(--space-2);display:flex}@media (width<=640px){.processing-card{min-width:auto;padding:var(--space-8) var(--space-6);margin:var(--space-4)}.processing-metrics{gap:var(--space-3);flex-direction:column}}.tool-page{padding-top:calc(64px + var(--space-6));padding-bottom:var(--space-8);min-height:100vh}.tool-not-found{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;min-height:50vh;color:var(--text-secondary);flex-direction:column;display:flex}.tool-page-header{margin-bottom:var(--space-10)}.tool-page-header .btn-ghost{margin-bottom:var(--space-6)}.tool-page-info{align-items:flex-start;gap:var(--space-5);display:flex}.tool-page-icon{border-radius:var(--radius-lg);background:var(--bg-primary);width:60px;height:60px;box-shadow:var(--shadow-neumorphic-out);border:1px solid #ffffff03;flex-shrink:0;justify-content:center;align-items:center;display:flex}:root.light-mode .tool-page-icon{border:1px solid #00000004}.tool-page-title{letter-spacing:-.03em;margin-bottom:var(--space-1);font-size:2rem;font-weight:800}.tool-page-desc{color:var(--text-secondary);max-width:500px;margin-bottom:var(--space-2);font-size:1rem}.tool-page-accepts{color:var(--text-muted);font-size:.8125rem;font-weight:600;font-family:var(--font-mono)}.tool-upload-section{gap:var(--space-5);flex-direction:column;max-width:800px;display:flex}.tool-page .options-panel{padding:var(--space-6)}.tool-page .options-title{color:var(--text-primary);margin-bottom:var(--space-5);font-size:1rem;font-weight:600}.tool-page .options-grid{gap:var(--space-5);flex-direction:column;display:flex}.tool-page .option-group{gap:var(--space-2);flex-direction:column;display:flex}.tool-page .option-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.tool-page .option-buttons{gap:var(--space-2);display:flex}.tool-page .option-hint{color:var(--text-tertiary);font-size:.75rem;line-height:1.4}.tool-page .option-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:1px solid #ffffff01;font-size:.8125rem;font-weight:600}.tool-page .option-btn:hover{color:var(--text-primary);box-shadow:var(--shadow-neumorphic-out-hover)}.tool-page .option-btn.active{color:var(--accent-primary-light);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-color:#4ade8026}.tool-page .voice-text-input{resize:vertical;min-height:80px;font-size:.9375rem}.tool-page .options-actions{margin-top:var(--space-6);justify-content:flex-end;display:flex}.tool-page .btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.tool-page .error-banner{padding:var(--space-4) var(--space-5);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-lg);color:var(--accent-rose);white-space:pre-wrap;border:1px solid #f43f5e1a;justify-content:space-between;align-items:flex-start;font-size:.875rem;display:flex}.tool-page .error-dismiss{color:var(--accent-rose);cursor:pointer;font-family:var(--font-sans);opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;font-size:.8125rem;font-weight:600}.tool-page .error-dismiss:hover{opacity:1}.tool-page .result-banner{padding:var(--space-4) var(--space-5);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-lg);border:1px solid #34d3991a;justify-content:space-between;align-items:center;display:flex}.tool-page .result-banner-content{align-items:center;gap:var(--space-3);display:flex}.tool-page .result-banner-icon{font-size:1.25rem}.tool-page .result-banner-content strong{color:var(--text-primary);font-size:.9375rem}.tool-page .result-banner-time{margin-left:var(--space-2);font-family:var(--font-mono);color:var(--accent-emerald);font-size:.8125rem}.tool-page .voice-clone-source-panel{border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-neumorphic-out);border:1px solid #ffffff04;flex-direction:column;display:flex;overflow:hidden}:root.light-mode .tool-page .voice-clone-source-panel{border:1px solid #00000004}.tool-page .voice-source-tabs{background:var(--bg-primary);padding:var(--space-2);gap:var(--space-2);box-shadow:var(--shadow-neumorphic-in);display:flex}.tool-page .voice-tab{padding:var(--space-3) var(--space-5);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base);text-align:center;border-radius:var(--radius-lg);background:0 0;border:none;flex:1;font-size:.9375rem;font-weight:600}.tool-page .voice-tab:hover{color:var(--text-primary);box-shadow:var(--shadow-neumorphic-out)}.tool-page .voice-tab.active{color:var(--accent-primary-light);box-shadow:var(--shadow-neumorphic-in);background:var(--bg-primary)}.tool-page .voice-source-content{padding:var(--space-6)}.tool-page .voice-recorder-container{align-items:center;gap:var(--space-6);text-align:center;padding:var(--space-4) 0;flex-direction:column;display:flex}.tool-page .voice-recorder-prompt{background:var(--bg-primary);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-neumorphic-in);width:100%;max-width:600px}.tool-page .prompt-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:var(--space-2);font-size:.8125rem}.tool-page .prompt-text{color:var(--text-primary);font-size:1.125rem;font-style:italic;font-weight:500;line-height:1.6}.tool-page .voice-recorder-controls{justify-content:center;width:100%;display:flex}.tool-page .btn-record{align-items:center;gap:var(--space-2);background:var(--bg-primary);color:var(--accent-primary-light);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:1px solid #ffffff03;font-size:.9375rem;font-weight:600;display:inline-flex}.tool-page .btn-record:hover{color:#fff;box-shadow:var(--shadow-neumorphic-out-hover)}.tool-page .btn-record:active{box-shadow:var(--shadow-neumorphic-in)}.tool-page .btn-stop-record{align-items:center;gap:var(--space-3);background:var(--bg-primary);color:var(--accent-rose);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:1px solid #f43f5e14;font-size:.9375rem;font-weight:600;display:inline-flex}.tool-page .btn-stop-record:hover{color:var(--text-primary);box-shadow:var(--shadow-neumorphic-out-hover)}.tool-page .btn-stop-record:active{box-shadow:var(--shadow-neumorphic-in)}.tool-page .stop-icon-dot{background-color:var(--accent-rose);border-radius:2px;width:10px;height:10px}.tool-page .pulsing{position:relative}.tool-page .pulsing:after{content:"";border-radius:var(--radius-full);border:2px solid var(--accent-rose);opacity:1;animation:1.5s ease-out infinite recordingPulse;position:absolute;inset:-4px}.tool-page .voice-recorded-preview{align-items:center;gap:var(--space-3);background:var(--bg-primary);width:100%;max-width:400px;box-shadow:var(--shadow-neumorphic-in);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);flex-direction:column;display:flex}.tool-page .preview-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.tool-page .voice-recorded-preview audio{width:100%;height:40px}@media (width<=768px){.tool-page-info{flex-direction:column;align-items:flex-start}.tool-page-title{font-size:1.5rem}}.support-page{padding-top:calc(64px + var(--space-8));padding-bottom:var(--space-8);min-height:100vh}.support-back{margin-bottom:var(--space-8);text-decoration:none;display:inline-flex}.support-header{text-align:center;margin-bottom:var(--space-12);max-width:620px;margin-left:auto;margin-right:auto}.support-heart-icon{background:var(--bg-primary);width:72px;height:72px;box-shadow:var(--shadow-neumorphic-out);color:var(--accent-rose);margin-bottom:var(--space-5);border:1px solid #f43f5e14;border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite pulse;display:inline-flex}.support-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-full);color:var(--accent-rose);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-5);font-size:.75rem;font-weight:600;display:inline-flex}.support-title{letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:2.75rem;font-weight:800;line-height:1.15}.support-desc{color:var(--text-secondary);font-size:1.0625rem;line-height:1.7}.support-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));max-width:900px;margin:0 auto;display:grid}.support-card{padding:var(--space-5) var(--space-6);aspect-ratio:1.58;border-radius:var(--radius-xl);background:var(--bg-primary);min-height:220px;box-shadow:var(--shadow-neumorphic-out);transition:all var(--transition-base);border:1px solid #ffffff03;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}:root.light-mode .support-card{border:1px solid #00000004}.support-card:hover{box-shadow:var(--shadow-neumorphic-out-hover);border-color:var(--support-accent,var(--border-hover));transform:translateY(-4px)}.support-card:hover .support-card-glow{opacity:1}.support-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.support-card-chip{background:linear-gradient(135deg,#e6d8a4 0%,#b3a25b 50%,#8a7b3b 100%);border-radius:6px;width:40px;height:30px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #ffffff4d}.chip-inner-grid{border:1px solid #0003;border-radius:4px;width:80%;height:80%;position:absolute;top:10%;left:10%}.chip-inner-grid:before{content:"";background:#0003;height:1px;position:absolute;top:50%;left:0;right:0}.chip-inner-grid:after{content:"";background:#0003;width:1px;position:absolute;top:0;bottom:0;left:50%}.support-card-icon{background:var(--bg-primary);width:40px;height:40px;box-shadow:var(--shadow-neumorphic-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.support-card-middle{flex-direction:column;gap:6px;width:100%;display:flex}.support-card-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:700}.support-card-value-row{align-items:center;gap:var(--space-2);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-md);padding:6px 10px;display:flex}.support-card-value{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;overflow:hidden}:root.light-mode .support-card-value{color:var(--text-primary)}.support-copy-btn{background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-out);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:1px solid #ffffff01;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.support-copy-btn:hover{color:#fff;box-shadow:var(--shadow-neumorphic-out-hover)}:root.light-mode .support-copy-btn:hover{color:var(--text-primary)}.support-copy-btn:active{box-shadow:var(--shadow-neumorphic-in)}.support-copy-btn.copied{color:var(--accent-primary-light);border-color:#4ade8040}.support-card-bottom{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.support-card-name{color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:700}.support-card-desc{color:var(--text-tertiary);margin-top:1px;font-size:.75rem}.card-glass-shine{pointer-events:none;z-index:2;background:linear-gradient(115deg,#0000 0% 45%,#ffffff05 48%,#ffffff0d 50%,#ffffff05 52%,#0000 55% 100%);width:100%;height:100%;position:absolute;top:0;left:0}.support-card-glow{background:radial-gradient(circle at center, var(--support-accent,var(--accent-primary)), transparent 70%);opacity:0;width:200%;height:200%;transition:opacity var(--transition-slow);pointer-events:none;z-index:-1;filter:blur(80px);position:absolute;bottom:-40%;left:-30%}.support-thanks{text-align:center;margin-top:var(--space-12);padding:var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:.9375rem;display:flex}.support-thanks-icon{color:var(--accent-rose);animation:2s ease-in-out infinite pulse}@media (width<=768px){.support-title{font-size:2rem}.support-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-container{width:100%;max-width:420px}.auth-card{padding:var(--space-10);border-radius:var(--radius-xl)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{border-radius:var(--radius-lg);width:52px;height:52px;color:var(--accent-primary-light);box-shadow:var(--shadow-neumorphic-out);margin-bottom:var(--space-5);transition:all var(--transition-base);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.auth-logo:hover{box-shadow:var(--shadow-neumorphic-in);color:var(--accent-primary)}.auth-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:800}.auth-subtitle{color:var(--text-tertiary);font-size:.875rem;line-height:1.6}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-input-wrapper{position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;z-index:2;transition:color var(--transition-fast);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-input{padding-left:48px!important}.auth-input:focus+.auth-input-icon{color:var(--accent-primary-light)}.auth-error{color:var(--accent-rose);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:center;border:1px solid #f43f5e1a;font-size:.8125rem}.auth-success{color:var(--accent-emerald);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:center;border:1px solid #34d3991a;font-size:.8125rem}.auth-submit-btn{width:100%;margin-top:var(--space-2);padding:var(--space-4);box-shadow:var(--shadow-neumorphic-out);font-size:.9375rem}.auth-loading{animation:1.5s ease-in-out infinite pulse}.auth-toggle{text-align:center;margin-top:var(--space-6);color:var(--text-tertiary);font-size:.8125rem}.auth-toggle-btn{color:var(--accent-primary-light);font-family:var(--font-sans);cursor:pointer;margin-left:var(--space-1);transition:color var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:.8125rem;font-weight:600}.auth-toggle-btn:hover{color:var(--accent-primary);text-decoration:underline}.auth-link{text-align:center;margin-top:var(--space-4)}.auth-link-btn{color:var(--text-tertiary);font-family:var(--font-sans);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:.8125rem}.auth-link-btn:hover{color:var(--accent-primary-light)}.otp-input-group{justify-content:center;gap:var(--space-3);margin:var(--space-4) 0;display:flex}.otp-input-group input{text-align:center;width:48px;height:56px;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-neumorphic-in);transition:all var(--transition-fast);border:none;outline:none;font-size:1.375rem;font-weight:600}.otp-input-group input:focus{box-shadow:var(--shadow-neumorphic-in), 0 0 0 1px #4ade8040}.otp-input-group input.filled{box-shadow:var(--shadow-neumorphic-in), 0 0 0 1px #34d39959;color:var(--accent-emerald)}.auth-resend{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--text-tertiary);font-size:.8125rem;display:flex}.auth-resend-btn{color:var(--accent-primary-light);font-family:var(--font-sans);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.8125rem;font-weight:600}.auth-resend-btn:hover{color:var(--accent-primary)}.auth-resend-btn:disabled{color:var(--text-muted);cursor:not-allowed}.auth-dev-otp{font-size:.75rem;font-family:var(--font-mono);color:var(--accent-amber);background:var(--bg-primary);box-shadow:var(--shadow-neumorphic-in);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:center;border:1px solid #fbbf241a}.auth-divider{align-items:center;gap:var(--space-4);margin:var(--space-4) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);opacity:.5;flex:1;height:1px}.auth-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.password-strength{gap:var(--space-2);margin-top:var(--space-1);display:flex}.password-strength-bar{background:var(--bg-primary);height:5px;box-shadow:var(--shadow-neumorphic-in);border-radius:var(--radius-full);transition:all var(--transition-fast);flex:1;overflow:hidden}.password-strength-bar.active{background:var(--accent-rose);box-shadow:none}.password-strength-bar.active.medium{background:var(--accent-amber);box-shadow:none}.password-strength-bar.active.strong{background:var(--accent-emerald);box-shadow:none}main{z-index:1;position:relative}