:root{--font-body:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;--font-heading:'Trebuchet MS', 'Segoe UI Semibold', 'Helvetica Neue', Arial, sans-serif;--font-mono:'Cascadia Code', 'Consolas', 'JetBrains Mono', 'Fira Mono', 'Courier New', monospace}:root{--bg-primary:#0d0d1a;--bg-secondary:#12122a;--bg-card:rgba(255, 255, 255, .04);--bg-card-hover:rgba(255, 255, 255, .07);--bg-glass:rgba(255, 255, 255, .05);--border-color:rgba(255, 255, 255, .08);--border-hover:rgba(99, 102, 241, .5);--text-primary:#f0f0ff;--text-secondary:#c0c0e0;--text-muted:#aeb1d6;--accent-primary:#818cf8;--accent-secondary:#8b5cf6;--accent-tertiary:#06b6d4;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-pink:#ec4899;--gradient-1:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-2:linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);--gradient-hero:linear-gradient(135deg, #0d0d1a 0%, #12122a 50%, #1a1235 100%);--shadow-card:0 8px 32px rgba(0, 0, 0, .3);--shadow-glow:0 0 40px rgba(99, 102, 241, .2);--shadow-glow-strong:0 0 60px rgba(99, 102, 241, .35);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .6s cubic-bezier(.4, 0, .2, 1);--primary:var(--accent-primary);--primary-light:var(--accent-secondary);--accent:var(--accent-secondary);--accent-gradient:var(--gradient-1);--accent-glow:rgba(99, 102, 241, .15);--accent-secondary:var(--accent-secondary);--bg-stats:var(--bg-secondary);--bg-quote:rgba(0, 0, 0, .2);--bg-author:var(--bg-secondary);--border-author:var(--border-color);--text-untyped:var(--text-muted);--text-light:#ffffff;--correct:#10b981;--correct-glow:rgba(16, 185, 129, .15);--incorrect:#ef4444;--incorrect-bg:rgba(239, 68, 68, .15);--half-error:#f59e0b;--half-error-bg:rgba(245, 158, 11, .15);--active:var(--accent-primary);--active-bg:rgba(129, 140, 248, .22);--active-word-bg:rgba(129, 140, 248, .12);--active-underline:rgba(129, 140, 248, .5);--easy-color:#10b981;--easy-bg:rgba(16, 185, 129, .12);--medium-color:#f59e0b;--medium-text:#f59e0b;--medium-bg:rgba(245, 158, 11, .12);--hard-color:#ef4444;--hard-text:#ef4444;--hard-bg:rgba(239, 68, 68, .12);--warning:#f59e0b;--success-blue:var(--accent-primary);--success-blue-dark:var(--accent-secondary);--added-color:var(--accent-primary);--added-bg:rgba(129, 140, 248, .15);--repeated-color:var(--accent-secondary);--repeated-bg:rgba(139, 92, 246, .15);--slow-color:var(--accent-tertiary);--slow-bg:rgba(6, 182, 212, .15);--table-header-bg:var(--accent-secondary);--shadow-sm:0 4px 10px rgba(0, 0, 0, .15);--shadow-md:0 4px 20px rgba(0, 0, 0, .2);--shadow-lg:0 10px 25px rgba(0, 0, 0, .3);--transition-fast:.15s ease;--transition-normal:.3s ease}[data-theme="light"]{--bg-primary:#f5f5ff;--bg-secondary:#ebebff;--bg-card:rgba(255, 255, 255, .9);--bg-card-hover:rgba(255, 255, 255, 1);--bg-glass:rgba(255, 255, 255, .7);--border-color:rgba(99, 102, 241, .12);--border-hover:rgba(99, 102, 241, .4);--text-primary:#0d0d2a;--text-secondary:#262666;--text-muted:#434375;--text-light:#334155;--accent-primary:#4f46e5;--accent-secondary:#7c3aed;--accent-tertiary:#0e7490;--accent-green:#047857;--accent-orange:#b45309;--accent-pink:#be185d;--warning:#b45309;--gradient-1:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-hero:linear-gradient(135deg, #f0f0ff 0%, #e8e8ff 50%, #f5f0ff 100%);--shadow-card:0 8px 32px rgba(99, 102, 241, .1);--shadow-glow:0 0 40px rgba(99, 102, 241, .1);--shadow-glow-strong:0 0 60px rgba(99, 102, 241, .2);--bg-stats:rgba(99, 102, 241, .05);--bg-quote:rgba(99, 102, 241, .04);--correct:#0e7a6f;--correct-glow:rgba(14, 122, 111, .12);--incorrect:#b91c1c;--incorrect-bg:rgba(185, 28, 28, .1);--half-error:#b45309;--half-error-bg:rgba(180, 83, 9, .1);--easy-color:#0e7a6f;--easy-bg:#e8f8f5;--medium-color:#a03897;--medium-text:#a03897;--medium-bg:#fef3ff;--hard-color:#b33358;--hard-text:#b33358;--hard-bg:#fff0f3;--shadow-sm:0 4px 10px rgba(99, 102, 241, .05);--shadow-md:0 4px 20px rgba(99, 102, 241, .08);--shadow-lg:0 10px 25px rgba(99, 102, 241, .12)}[data-theme="light"] .hero-badge{color:#4338ca}[data-theme="light"] .hero-badge:hover{color:#3730a3}[data-theme="light"] .star{color:#b45309}[data-theme="light"] .res-val.green{background:linear-gradient(135deg,#0e7a6f,#0e7490);-webkit-background-clip:text;background-clip:text}[data-theme="light"] .res-val.orange{background:linear-gradient(135deg,#b45309,#b33358);-webkit-background-clip:text;background-clip:text}[data-theme="light"] .res-val.red{background:linear-gradient(135deg,#b91c1c,#be185d);-webkit-background-clip:text;background-clip:text}[data-theme="light"] .res-close:hover{color:#b91c1c}[data-theme="light"] .stat-card.green{background:linear-gradient(135deg,#0e7a6f 0%,#15803d 100%)}[data-theme="light"] .stat-card.orange{background:linear-gradient(135deg,#a03897 0%,#be3455 100%)}[data-theme="light"] .stat-card.red{background:linear-gradient(135deg,#b33358 0%,#b45309 100%)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:80px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body.theme-loaded{transition:background .4s ease,color .4s ease}h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-tag{display:inline-flex;align-items:center;gap:8px;background:rgb(99 102 241 / .12);border:1px solid rgb(99 102 241 / .25);color:var(--accent-primary);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:16px}.section-title{font-size:clamp(2rem, 4vw, 3rem);font-weight:800;margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:580px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#1c1654 0%,#6b3d9a 100%);border-bottom:1px solid rgb(255 255 255 / .2);box-shadow:var(--shadow-lg);position:sticky;top:0;transition:all var(--transition-normal);width:100%;z-index:500}.header-container{margin:0 auto;max-width:80rem;padding:0 1rem}.header-row{display:flex;justify-content:space-between;align-items:center;min-height:4rem}.brand-area{display:flex;align-items:center;justify-content:space-between;height:4rem}.brand-link{align-items:center;display:flex;gap:.75rem;transition:transform var(--transition-fast)}.brand-link:hover{transform:scale(1.02)}.brand-logo{border:2px solid gold;border-radius:50%;box-shadow:var(--shadow-sm);flex-shrink:0;height:2.25rem;object-fit:cover;width:2.25rem}.brand-text{background:linear-gradient(90deg,#fff,#f5f5f5,#c9c3f2);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;font-size:1.25rem;font-weight:700}.hamburger{align-items:center;background:#fff0;border:none;border-radius:var(--radius-md);color:#888;cursor:pointer;display:flex;flex-direction:column;gap:.375rem;height:2.25rem;justify-content:center;padding:.5rem;transition:all var(--transition-fast);width:2.25rem}.hamburger:hover{background-color:#333;color:#fff}.hamburger-line{background-color:currentColor;border-radius:9999px;display:block;height:2px;transition:transform var(--transition-normal),opacity var(--transition-normal);width:1.25rem}.hamburger[aria-expanded=true] .hamburger-line:first-child{transform:translateY(6px) rotate(45deg)}.hamburger[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.hamburger[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.primary-nav{border-top:1px solid rgb(255 255 255 / .2);display:none;flex-direction:column;gap:.375rem;padding:.75rem 0 1rem;width:100%}.nav-link,.primary-nav.nav-open{display:flex}.nav-link{align-items:center;border-radius:.75rem;color:rgb(255 255 255 / .9);font-size:.875rem;font-weight:600;gap:.625rem;padding:.625rem .875rem;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background-color:rgb(255 255 255 / .2);color:gold}.mobile-nav-cta{border-top:1px solid rgb(255 255 255 / .2);padding-top:.5rem}.desktop-cta-link,.mobile-nav-cta-link{align-items:center;background:linear-gradient(135deg,#5a4fcc 0%,#6b3d9a 100%);color:#fff;font-weight:600;justify-content:center;text-decoration:none!important;transition:all var(--transition-fast)}.mobile-nav-cta-link{border-radius:var(--radius-md);box-shadow:0 4px 12px rgb(90 79 204 / .3);display:flex;gap:.5rem;padding:.75rem 1rem;width:100%}.desktop-cta{display:none}.desktop-cta-link{border-radius:9999px;box-shadow:0 4px 14px rgb(90 79 204 / .35);display:inline-flex;font-size:.875rem;gap:.375rem;padding:.5rem 1.125rem}@media (min-width:768px){.header-row{align-items:center;flex-direction:row}.brand-area{width:auto}.hamburger,.mobile-nav-cta{display:none}.primary-nav{border-top:none;flex-direction:row;gap:.25rem;padding:0;width:auto}.desktop-cta,.primary-nav{align-items:center;display:flex}.desktop-cta{gap:.75rem}}@media (max-width:768px){.header-row{flex-direction:column}.brand-area{width:100%}.site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#1b1b1b!important}}.nav-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:100px;font-size:.9rem;font-weight:600;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 20px rgb(99 102 241 / .4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgb(99 102 241 / .5)}.btn-outline{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:var(--accent-primary);background:rgb(99 102 241 / .08)}.btn-lg{padding:14px 32px;font-size:1rem;border-radius:100px}#theme-toggle{width:40px;height:40px;border-radius:50%;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .15);color:#fbbf24;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);cursor:pointer;flex-shrink:0;padding:0}#theme-toggle:hover{background:rgb(255 255 255 / .12);border-color:#fbbf24;transform:scale(1.05)}#theme-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}#theme-toggle .sun-icon{display:block;color:#fbbf24}#theme-toggle .moon-icon{display:none}[data-theme="light"] #theme-toggle{background:rgb(99 102 241 / .08);border-color:rgb(99 102 241 / .25);color:#4338ca}[data-theme="light"] #theme-toggle:hover{background:rgb(99 102 241 / .15);border-color:#4338ca;color:#3730a3;transform:scale(1.05)}[data-theme="light"] #theme-toggle .sun-icon{display:none!important}[data-theme="light"] #theme-toggle .moon-icon{display:block!important;color:#4338ca}.hamburger{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;cursor:pointer}.hamburger span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition)}.mobile-nav{display:none;position:fixed;top:72px;left:0;right:0;background:rgb(13 13 26 / .97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:24px;z-index:999;flex-direction:column;gap:16px}[data-theme="light"] .mobile-nav{background:rgb(240 240 255 / .97)}.mobile-nav.open{display:flex}.mobile-nav a{font-size:1rem;font-weight:500;color:var(--text-secondary);padding:8px 0;border-bottom:1px solid var(--border-color);display:block}#hero{min-height:100vh;display:flex;align-items:center;padding:120px 24px 80px;background:var(--gradient-hero);position:relative;overflow:hidden}.orb{position:absolute;border-radius:50%;opacity:.3;pointer-events:none;will-change:transform;filter:blur(80px)}.orb-1{width:500px;height:500px;background:var(--accent-primary);top:-150px;right:-100px;animation-delay:0s}.orb-2{width:350px;height:350px;background:var(--accent-secondary);bottom:-100px;left:-80px;animation-delay:-3s}.orb-3{width:250px;height:250px;background:var(--accent-tertiary);top:40%;left:40%;animation-delay:-5s;opacity:.15}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.95)}}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgb(99 102 241 / .12);border:1px solid rgb(99 102 241 / .3);color:#a5b4fc;font-size:.8rem;font-weight:600;padding:6px 16px;border-radius:100px;margin-bottom:24px;width:fit-content;text-decoration:none;transition:all .25s ease}.hero-badge:hover{background:rgb(99 102 241 / .22);border-color:rgb(99 102 241 / .5);color:#c7d2fe;transform:translateY(-2px);box-shadow:0 4px 16px rgb(99 102 241 / .25)}.hero-badge .pulse{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.hero-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:900;line-height:1.1;margin-bottom:20px}.hero-title span{display:block}.hero-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:36px;max-width:480px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}.hero-stats{display:flex;gap:32px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column}.stat-num{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.hero-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-card),var(--shadow-glow);position:relative;overflow:hidden}.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgb(99 102 241 / .5),transparent)}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-dots{display:flex;gap:6px}.card-dots span{width:10px;height:10px;border-radius:50%}.card-dots span:nth-child(1){background:#ff5f57}.card-dots span:nth-child(2){background:#febc2e}.card-dots span:nth-child(3){background:#28c840}.card-label{font-size:.75rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em}.demo-text{contain:layout paint;font-family:var(--font-mono);font-size:1rem;line-height:1.8;background:rgb(0 0 0 / .2);border-radius:var(--radius-sm);padding:16px;margin-bottom:20px;min-height:80px;border:1px solid var(--border-color)}[data-theme="light"] .demo-text{background:rgb(99 102 241 / .04)}.demo-text .typed{color:var(--text-primary)}.demo-text .current{color:var(--accent-primary);border-bottom:2px solid var(--accent-primary);animation:blink 1s step-end infinite}.demo-text .remaining{color:var(--text-muted)}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.demo-stats{contain:layout style;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-stat{background:rgb(99 102 241 / .08);border:1px solid rgb(99 102 241 / .15);border-radius:var(--radius-sm);padding:12px;text-align:center}.demo-stat-val{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--accent-primary)}.demo-stat-label{font-size:.7rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.mini-keyboard{contain:layout style;margin-top:20px;display:flex;flex-direction:column;gap:4px;align-items:center}.kb-row{display:flex;gap:4px}.kb-key{width:24px;height:24px;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .1);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-family:var(--font-mono);color:var(--text-muted);transition:var(--transition);text-transform:uppercase}[data-theme="light"] .kb-key{background:rgb(99 102 241 / .05);border-color:rgb(99 102 241 / .15)}.kb-key.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 12px rgb(99 102 241 / .5)}.kb-space{width:100px;height:24px}#features{padding:100px 24px;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;transition:var(--transition);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.feature-card::before{content:'';position:absolute;inset:0;background:var(--gradient-1);opacity:0;transition:var(--transition)}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:var(--shadow-card),var(--shadow-glow)}.feature-card:hover::before{opacity:.04}.feature-icon{width:56px;height:56px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px;position:relative;z-index:1}.feature-icon-1{background:rgb(99 102 241 / .15)}.feature-icon-2{background:rgb(16 185 129 / .15)}.feature-icon-3{background:rgb(245 158 11 / .15)}.feature-icon-4{background:rgb(236 72 153 / .15)}.feature-icon-5{background:rgb(6 182 212 / .15)}.feature-icon-6{background:rgb(139 92 246 / .15)}.feature-title{font-size:1.1rem;font-weight:700;margin-bottom:10px;position:relative;z-index:1}.feature-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7;position:relative;z-index:1}.switch{position:relative;display:inline-block;width:2.5rem;height:1.375rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--text-muted);transition:background-color .4s ease,box-shadow .4s ease}.slider:before{position:absolute;content:"";height:1rem;width:1rem;left:.1875rem;bottom:.1875rem;background-color:var(--text-light);transition:transform .4s ease}input:checked+.slider{background-color:var(--success-blue)}input:focus+.slider{box-shadow:0 0 .0625rem var(--success-blue)}input:checked+.slider:before{transform:translateX(1.125rem)}.slider.round{border-radius:1.375rem}.slider.round:before{border-radius:50%}.settings-bar{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:.875rem 1.25rem;max-width:100%;box-sizing:border-box;scroll-margin-top:6rem}.mode-dropdown-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;position:relative;min-width:0;box-sizing:border-box}.mode-dropdown-container label{color:var(--text-muted);font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.mode-select{appearance:none;-webkit-appearance:none;background-color:var(--bg-card);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='%23888888' 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 .625rem center;background-repeat:no-repeat;background-size:.875rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:700;min-width:6.5rem;max-width:100%;outline:none;padding:.45rem 1.85rem .45rem .75rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all var(--transition-fast);box-sizing:border-box}.mode-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-glow)}.mode-select.easy{border-color:var(--easy-color);color:var(--easy-color);background-color:var(--easy-bg)}.mode-select.medium{border-color:var(--medium-color);color:var(--medium-color);background-color:var(--medium-bg)}.mode-select.hard{border-color:var(--hard-color);color:var(--hard-color);background-color:var(--hard-bg)}.mode-select:hover{box-shadow:0 .125rem .5rem rgb(0 0 0 / .15)}.mode-select:disabled{opacity:.5;cursor:not-allowed}#countrySelect{min-width:8rem;max-width:12.5rem}#paragraphSelect{min-width:10rem;max-width:16rem}@media (max-width:768px){.settings-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;padding:.75rem;margin-bottom:1.25rem}.mode-dropdown-container{align-items:stretch;width:100%;min-width:0}.mode-dropdown-container label{text-align:left;margin-bottom:.125rem;font-size:.6875rem}.mode-dropdown-container:has(#paragraphSelect),.mode-dropdown-container:nth-child(3){grid-column:1 / -1}.mode-select,.icon-toggle-btn{width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:2.35rem;font-size:.8125rem}#countrySelect,#paragraphSelect{max-width:100%}.icon-toggle-btn{justify-content:center;padding:.45rem .5rem}}.analytics-panel{display:block;background:var(--bg-card);border-radius:.75rem;padding:1.875rem;margin:1.25rem 0;box-shadow:var(--shadow-lg);contain:layout style paint;content-visibility:auto;contain-intrinsic-size:auto 600px}.analytics-header{text-align:center;margin-bottom:1.875rem}.analytics-header h2{color:var(--text-primary);margin-bottom:.625rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));gap:.9375rem;margin-bottom:1.875rem}.stat-card{background:var(--accent-gradient);color:var(--text-light);padding:1.25rem;border-radius:.625rem;text-align:center}.stat-card.green{background:linear-gradient(135deg,var(--easy-color) 0%,#2dbb6d 100%)}.stat-card.orange{background:linear-gradient(135deg,var(--medium-color) 0%,#d04859 100%)}.stat-card.red{background:linear-gradient(135deg,var(--hard-color) 0%,#e5b735 100%)}.stat-value{font-size:2rem;font-weight:700;margin:.625rem 0;color:var(--text-light)}.stat-label{font-size:.875rem;color:var(--text-light)}.chart-container{margin:1.875rem 0;background:var(--bg-author);padding:1.25rem;border-radius:.625rem}.chart-title{font-weight:600;margin-bottom:.9375rem;color:var(--text-primary)}.chart-wrapper{position:relative;height:15.625rem;max-height:15.625rem;width:100%}#wpmChart{width:100%!important;height:15.625rem!important;max-height:15.625rem!important}.weakness-section{margin:1.875rem 0}.weakness-card{background:#fff3cd;border-left:.25rem solid #f0ad00;padding:.9375rem;margin:.625rem 0;border-radius:.3125rem;color:#5c4200}.weakness-card.error{background:var(--incorrect-bg);border-left-color:var(--incorrect);color:var(--incorrect)}.weakness-card.slow{background:var(--slow-bg);border-left-color:var(--slow-color);color:var(--slow-color)}.key-analysis{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.9375rem}.key-badge{display:inline-block;padding:.5rem .9375rem;background:#e9ecef;border-radius:1.25rem;font-weight:600;color:var(--text-primary)}.key-badge.error{background:var(--incorrect-bg);color:var(--incorrect)}.key-badge.slow{background:var(--slow-bg);color:var(--slow-color)}.submit-btn{background:var(--accent-gradient);color:var(--text-light);border:none;padding:.75rem 1.875rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;margin:1.25rem auto;display:block;transition:transform .3s ease,box-shadow .3s ease}.submit-btn:hover{transform:translateY(-.125rem);box-shadow:0 .25rem .9375rem var(--accent-glow)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.typing-test-container{background:var(--bg-card);width:100%;padding:2rem;border-radius:.75rem;box-shadow:var(--shadow-lg);min-height:31.25rem}.settings-bar{min-height:4.375rem}#paragraphSelect{width:15.625rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;background:var(--bg-stats);padding:1rem;border-radius:.625rem;font-weight:600;text-align:center;margin-bottom:1.5rem;contain:content;will-change:contents}.stats#statsBar{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:1rem;padding:1rem;margin-bottom:1.5rem;background:var(--bg-stats);border-radius:.625rem;box-sizing:border-box}.stats#statsBar>div{min-height:3.625rem}.stats#statsBar span{min-width:2.5rem;display:inline-block}.stats div{padding:.5rem;border-radius:.5rem;transition:background var(--transition-normal),color var(--transition-normal)}.stats span{font-size:1.4rem;color:var(--accent-secondary);display:block}.stats div.time-critical{background-color:var(--incorrect-bg);color:var(--incorrect);animation:pulse 1s ease-in-out infinite;will-change:transform}.stats div.time-critical span{color:var(--incorrect)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.quote{margin-bottom:1.5rem;padding:1rem;background:var(--bg-quote);border:.0625rem solid var(--border-color);border-radius:.5rem;font-size:1.55rem;line-height:1.75;font-family:var(--font-mono);user-select:none;white-space:pre-wrap;max-height:12.5rem;overflow-y:scroll;scrollbar-width:thin;min-height:12.5rem;contain:strict}.quote#quote{position:relative;min-height:12.5rem;max-height:12.5rem;margin-bottom:1.5rem;padding:1rem;border:.0625rem solid var(--border-color);box-sizing:border-box;overflow-y:scroll;display:block;width:100%;background:var(--bg-quote);contain:strict}.quote span{position:relative;color:var(--text-untyped)}.quote span.correct{color:var(--correct)!important;text-shadow:0 0 1px var(--correct-glow)}.quote span.incorrect,.quote span.insertion-error{color:var(--incorrect)!important;background-color:var(--incorrect-bg)!important;border-radius:2px;text-decoration:none!important;border-bottom:2px solid var(--incorrect)!important;display:inline-block}.quote span.half-error{color:var(--half-error)!important;background-color:var(--half-error-bg)!important;border-radius:2px;text-decoration:none!important;border-bottom:2px dashed var(--half-error)!important;display:inline-block}.quote span.active{background-color:var(--active-bg)!important;border-radius:3px;box-shadow:var(--shadow-glow)}textarea{width:100%;height:7.5rem;padding:1rem;font-size:1.1rem;border-radius:.5rem;border:.125rem solid var(--border-color);resize:none;outline:none;box-sizing:border-box;font-family:inherit;color:var(--text-primary)}textarea#input{width:100%;height:7.5rem;padding:1rem;box-sizing:border-box;margin:0;display:block;border:.125rem solid var(--border-color);border-radius:.5rem}textarea:focus{border-color:var(--success-blue)}textarea:disabled{background:var(--bg-author);cursor:not-allowed}.action-buttons-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:.9375rem;margin-top:1.25rem;min-height:3.125rem}.action-buttons-wrapper #restartBtn{grid-column:2}.action-buttons-wrapper button{width:100%;margin-top:1rem;padding:.8rem;border:none;border-radius:.5rem;background:var(--success-blue-dark);color:var(--text-light);font-size:1rem;cursor:pointer;transition:background-color .2s ease}.action-buttons-wrapper button:hover{background:#1e40af}.comparison-container{margin-top:1.875rem;display:none}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:.9375rem}.comparison-content{border:.0625rem solid var(--border-color);padding:.9375rem;max-height:25rem;overflow-y:auto;background:var(--bg-card);line-height:1.6;border-radius:.5rem;white-space:pre-wrap;font-family:'Consolas','Monaco','Courier New',monospace;font-size:.95rem}.legend{margin-top:.9375rem;font-size:.9rem;display:flex;gap:.625rem;flex-wrap:wrap}.legend span{padding:.125rem .3125rem;border-radius:.25rem}.legend-correct,.hl-correct{color:var(--correct)!important;font-weight:600!important}.legend-full-error,.hl-miss,.hl-sub-bg,.legend-substituted{color:var(--incorrect)!important;background-color:var(--incorrect-bg)!important;border-radius:2px!important;padding:0 2px!important;text-decoration:none!important;border-bottom:1.5px solid var(--incorrect)!important;display:inline-block}.legend-half-error,.hl-half{color:var(--half-error)!important;border-bottom:1.5px dotted var(--half-error)!important;background-color:var(--half-error-bg)!important;padding:0 2px!important;border-radius:2px!important;display:inline-block}.legend-added,.hl-add-bg{background-color:var(--added-bg)!important;color:var(--added-color)!important;padding:0 2px!important;border-radius:2px!important;display:inline-block}.legend-repeated,.hl-repeat{background-color:var(--repeated-bg)!important;color:var(--repeated-color)!important;text-decoration:underline!important;padding:0 2px!important;border-radius:2px!important;display:inline-block}.test-duration-row{margin:2rem 0;padding:1.5rem;background:var(--bg-quote);border-radius:.75rem}.test-duration-row h2{text-align:center;font-size:1.3rem;margin:0 0 1.2rem 0;color:var(--text-primary)}.duration-row-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.duration-card-compact{text-decoration:none;border-radius:.625rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;flex:0 1 auto;min-width:8.75rem;max-width:12.5rem}.duration-card-compact:hover{transform:translateY(-.1875rem);box-shadow:var(--shadow-md)}.duration-img-compact{position:relative;height:6.25rem;display:flex;align-items:center;justify-content:center;background:var(--primary)}.duration-img-compact::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgb(0 0 0 / .4) 0%,rgb(0 0 0 / .2) 100%);z-index:1}.duration-overlay-compact{position:relative;z-index:2;color:var(--text-light);text-align:center;text-shadow:.0625rem .0625rem .375rem rgb(0 0 0 / .6)}.duration-overlay-compact .time{display:block;font-size:2.5rem;font-weight:700;line-height:1}.duration-overlay-compact .unit{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.03125rem}.duration-info-compact{padding:.8rem 1rem;background:var(--bg-card);text-align:center}.duration-info-compact p{margin:0;font-size:.95rem;color:var(--text-primary);font-weight:600}.chart-placeholder-banner{display:flex;align-items:center;justify-content:center;background:var(--bg-quote);border:.125rem dashed var(--border-color);border-radius:.625rem;padding:2.5rem;color:var(--text-untyped);font-weight:500;text-align:center;min-height:15.625rem}.weakness-placeholder-banner{display:flex;align-items:center;justify-content:center;background:var(--bg-quote);border:.125rem dashed var(--border-color);border-radius:.625rem;padding:2.5rem;color:var(--text-untyped);font-weight:500;text-align:center;margin-top:1rem}.analytics-panel:not(.test-completed){display:none!important}.analytics-panel:not(.test-completed) .chart-wrapper{display:none!important}.analytics-panel:not(.test-completed) .weakness-card,.analytics-panel:not(.test-completed) .comparison-container{display:none!important}.analytics-panel.test-completed .chart-placeholder-banner{display:none!important}.analytics-panel.test-completed .weakness-placeholder-banner{display:none!important}.typing-container-wrap{position:relative;background:var(--bg-card);border:.125rem solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);cursor:text;transition:border-color .25s ease,box-shadow .25s ease}.typing-container-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 .25rem var(--accent-glow),var(--shadow-md)}.hidden-input{position:absolute;opacity:0;z-index:-10;pointer-events:none;width:0;height:0}.typing-container-wrap .quote{border:none;margin-bottom:0;padding:0;background:#fff0;max-height:12.5rem;min-height:12.5rem;overflow-y:scroll}.quote span.active{position:relative;border-left:none!important;background-color:var(--active-bg)!important;border-radius:3px;box-shadow:var(--shadow-glow)}.quote span.active-word{background-color:var(--active-word-bg)!important;border-bottom:2px solid var(--active-underline)!important}.quote span.active::before{content:''!important;position:absolute!important;left:-1px!important;top:5%!important;height:90%!important;width:3px!important;background-color:var(--active)!important;border-radius:2px!important;box-shadow:0 0 8px var(--active),0 0 16px var(--active-bg)!important;animation:smoothCaretBlink .9s infinite ease-in-out!important;will-change:opacity}@keyframes smoothCaretBlink{0%,100%{opacity:0}50%{opacity:1}}.typing-container-wrap.show-input-box .hidden-input{position:relative!important;opacity:1!important;z-index:1!important;pointer-events:auto!important;width:100%!important;height:6.5rem!important;margin-top:1.25rem!important;padding:.875rem 1.125rem!important;border:.125rem solid var(--border-color)!important;border-radius:.5rem!important;font-size:1.25rem!important;line-height:1.5!important;font-family:var(--font-mono)!important;background:var(--bg-quote)!important;color:var(--text-primary)!important;resize:none!important;outline:none!important;box-shadow:inset 0 2px 4px rgb(0 0 0 / .05)!important;display:block!important;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)!important}.typing-container-wrap.show-input-box .hidden-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 .2rem var(--accent-glow),inset 0 2px 4px rgb(0 0 0 / .05)!important}.typing-container-wrap.show-input-box .quote#quote{margin-bottom:.5rem!important}.settings-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center;justify-content:center;padding:.875rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-height:4.25rem}.mode-dropdown-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:0;box-sizing:border-box}.mode-dropdown-container label{font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary)}.mode-select{appearance:none;background-color:var(--bg-card);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='%23818cf8' 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 .625rem center;background-repeat:no-repeat;background-size:.875rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;min-width:6.5rem;max-width:100%;outline:none;padding:.45rem 1.85rem .45rem .75rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all var(--transition-fast);box-sizing:border-box}.mode-select:hover,.mode-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgb(99 102 241 / .15)}.mode-select.easy{border-color:var(--easy-color);color:var(--easy-color);background-color:var(--easy-bg)}.mode-select.medium{border-color:var(--medium-color);color:var(--medium-color);background-color:var(--medium-bg)}.mode-select.hard{border-color:var(--hard-color);color:var(--hard-color);background-color:var(--hard-bg)}#paragraphSelect{width:14rem;max-width:100%}#countrySelect{min-width:8rem}.icon-toggle-btn{padding:.5rem .9375rem;border:.125rem solid var(--border-color);background:var(--bg-card);border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.875rem;outline:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;gap:.5rem}.icon-toggle-btn.active{border-color:var(--easy-color);color:var(--easy-color);background-color:var(--easy-bg)}.icon-toggle-btn:not(.active){border-color:var(--border-color);color:var(--text-secondary);background-color:var(--bg-author)}.icon-toggle-btn:hover{box-shadow:0 .125rem .5rem rgb(0 0 0 / .15)}.icon-toggle-btn .status-indicator{font-weight:700}.timer-tabs-wrapper{margin-bottom:1.5rem;display:flex;justify-content:center}.timer-tabs{display:inline-flex;gap:.5rem;background:var(--bg-stats);padding:.375rem;border-radius:.875rem;box-shadow:var(--shadow-sm)}.timer-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.625rem 1.5rem;border:2px solid #fff0;border-radius:.625rem;background:#fff0;cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast);color:var(--text-secondary);min-width:4.5rem}.timer-tab:hover{background:rgb(79 70 229 / .08);border-color:var(--active-underline);color:var(--active);transform:translateY(-1px)}.timer-tab.active{background:var(--accent-gradient);border-color:#fff0;color:var(--text-light);box-shadow:0 4px 12px rgb(90 79 204 / .35);transform:translateY(-1px)}.tab-time{font-size:1.5rem;font-weight:700;line-height:1;font-family:var(--font-mono)}.tab-unit{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem;opacity:.85}@media (max-width:48rem){.settings-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;padding:.75rem;margin-bottom:1.25rem}.mode-dropdown-container{align-items:stretch;width:100%;min-width:0}.mode-dropdown-container label{text-align:left;margin-bottom:.125rem;font-size:.6875rem}.mode-dropdown-container:has(#paragraphSelect),.mode-dropdown-container:nth-child(3){grid-column:1 / -1}.mode-select,.icon-toggle-btn{width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:2.35rem;font-size:.8125rem}.mode-select{padding:.45rem 1.35rem .45rem .55rem;background-position:right .45rem center;background-size:.75rem}.icon-toggle-btn{justify-content:center;padding:.45rem .5rem}.timer-tabs{flex-wrap:wrap;justify-content:center}.timer-tab{min-width:4rem;padding:.5rem 1rem}}@media (max-width:350px){.timer-tabs{gap:.25rem}.timer-tab{padding:.4rem .6rem;min-width:3.5rem}.tab-time{font-size:1.2rem}}#testimonials{display:none}.testimonial-card{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;transition:var(--transition);position:relative}.testimonial-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card)}.testimonial-card.featured{border-color:rgb(99 102 241 / .3);box-shadow:0 0 0 1px rgb(99 102 241 / .1),var(--shadow-glow)}.quote-icon{font-size:2.5rem;line-height:1;color:var(--accent-primary);margin-bottom:16px;font-family:Georgia,serif}.testimonial-text{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px;font-style:italic}.stars{display:flex;gap:3px;margin-bottom:16px}.star{color:#f59e0b;font-size:.9rem}.reviewer{display:flex;align-items:center;gap:12px}.reviewer-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;font-family:'Poppins',sans-serif;flex-shrink:0}.reviewer-name{font-weight:600;font-size:.9rem}.reviewer-role{font-size:.78rem;color:var(--text-muted)}.wpm-badge{position:absolute;top:20px;right:20px;background:rgb(99 102 241 / .12);border:1px solid rgb(99 102 241 / .25);border-radius:100px;padding:4px 10px;font-size:.72rem;font-weight:700;color:var(--accent-primary)}.results-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .35s ease}.results-overlay.show{opacity:1;pointer-events:all}.results-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:48px 40px;max-width:560px;width:100%;position:relative;box-shadow:0 24px 80px rgb(0 0 0 / .5),var(--shadow-glow-strong);transform:translateY(20px);transition:transform .35s ease;text-align:center}.results-overlay.show .results-modal{transform:translateY(0)}.results-modal::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-1);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.results-grade{font-size:4rem;margin-bottom:8px}.results-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;margin-bottom:6px}.results-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:32px}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.res-stat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 8px}.res-val{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;line-height:1;margin-bottom:4px}.res-val.green{background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text}.res-val.orange{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text}.res-val.red{background:linear-gradient(135deg,#ef4444,#ec4899);-webkit-background-clip:text;background-clip:text}.res-label{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.results-actions{display:flex;gap:12px;justify-content:center}.res-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.res-close:hover{background:rgb(239 68 68 / .15);border-color:rgb(239 68 68 / .4);color:#ef4444}@media (max-width:480px){.results-modal{padding:36px 20px}.results-grid{grid-template-columns:repeat(2,1fr)}}#cta{padding:100px 24px;background:var(--bg-secondary);position:relative;overflow:hidden}.cta-inner{max-width:800px;margin:0 auto;background:var(--gradient-1);border-radius:var(--radius-xl);padding:72px 48px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px rgb(99 102 241 / .4)}.cta-inner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgb(255 255 255 / .1) 0%,transparent 60%)}.cta-inner::after{content:'';position:absolute;inset:1px;border-radius:calc(var(--radius-xl) - 1px);background:#fff0;border:1px dashed rgb(255 255 255 / .2)}.cta-title{font-size:clamp(2rem, 4vw, 3rem);font-weight:900;color:#fff;margin-bottom:16px;position:relative;z-index:1}.cta-text{color:rgb(255 255 255 / .8);font-size:1.1rem;margin-bottom:36px;position:relative;z-index:1}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.btn-white{background:#fff;color:var(--accent-primary);font-weight:700;padding:14px 32px;border-radius:100px;font-size:1rem;transition:var(--transition);box-shadow:0 4px 16px rgb(0 0 0 / .2)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 0 0 / .25)}.btn-transparent{background:rgb(255 255 255 / .15);color:#fff;font-weight:600;padding:14px 32px;border-radius:100px;font-size:1rem;border:1px solid rgb(255 255 255 / .3);transition:var(--transition);backdrop-filter:blur(8px)}.btn-transparent:hover{background:rgb(255 255 255 / .25);transform:translateY(-2px)}.floating-keys{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-key{position:absolute;width:44px;height:44px;border:1px solid rgb(255 255 255 / .15);background:rgb(255 255 255 / .05);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.9rem;color:rgb(255 255 255 / .3);animation:floatKey 6s ease-in-out infinite;will-change:transform}@keyframes floatKey{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:64px 24px 32px;text-align:center}footer h2{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--text-primary);margin-bottom:24px}.footer-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:32px}.footer-menu a{font-size:.95rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.footer-menu a:hover{color:var(--accent-primary)}footer p{font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:24px;max-width:800px;margin:0 auto}#scroll-top{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;background:var(--gradient-1);color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgb(99 102 241 / .4);transition:var(--transition);opacity:0;pointer-events:none;z-index:999}#scroll-top.visible{opacity:1;pointer-events:all}#scroll-top:hover{transform:translateY(-3px)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;transition:var(--transition);position:relative;overflow:hidden;backdrop-filter:blur(10px);display:flex;flex-direction:column}.card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:var(--shadow-card),var(--shadow-glow)}.card-image{width:56px;height:56px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px;background:rgb(99 102 241 / .15)}.card-content{display:flex;flex-direction:column;flex-grow:1}.card-content h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}.card-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px;flex-grow:1}.read-more{font-size:.9rem;font-weight:600;color:var(--accent-primary);display:inline-flex;align-items:center;transition:var(--transition);margin-top:auto}.read-more:hover{color:var(--accent-secondary);transform:translateX(4px)}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}@media (max-width:1024px){.features-grid,.content-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:768px){.nav-links{display:none}.hamburger{display:flex}.nav-actions .btn{display:none}.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-buttons{justify-content:center}.hero-stats{justify-content:center}.hero-badge{margin:0 auto 24px}.hero-text{margin:0 auto 36px}.hero-card{order:-1;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-secondary)}.features-grid,.content-grid{grid-template-columns:1fr}.demo-panel{padding:24px 20px}.demo-stats-row{gap:16px}.metric-value{font-size:2rem}.cta-inner{padding:48px 28px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-desc{max-width:100%}.mini-keyboard{display:none}.demo-stat-val{font-size:1.2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.section-title{font-size:1.8rem}.cta-title{font-size:1.8rem}.demo-stats-row{flex-wrap:wrap}.hero-stats{gap:20px}}.comparison-section{position:relative;background:var(--bg-primary);overflow:hidden}.comparison-table-wrapper{margin-top:40px;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-glass);box-shadow:var(--shadow-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem;min-width:850px}.comparison-table th,.comparison-table td{padding:20px 24px;border-bottom:1px solid var(--border-color);transition:var(--transition)}.comparison-table th{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);background:rgb(255 255 255 / .02);font-size:1rem}[data-theme="light"] .comparison-table th{background:rgb(99 102 241 / .03);color:var(--text-primary)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:var(--bg-card-hover)}.comparison-table .feature-name{font-weight:600;color:var(--text-primary);width:28%}.comparison-table .highlight-col{background:rgb(99 102 241 / .08)!important;font-weight:700;text-align:center}[data-theme="light"] .comparison-table .highlight-col{background:rgb(99 102 241 / .05)!important}.comparison-table .highlighted-col-header{background:var(--gradient-1)!important;color:#fff!important;text-align:center;font-weight:800;position:relative;box-shadow:0 4px 20px rgb(99 102 241 / .3)}.comparison-table .check-cell{color:#10b981;font-weight:700;text-align:center}[data-theme="light"] .comparison-table .check-cell{color:#047857;font-weight:700}.comparison-table .cross-cell{color:#f87171;opacity:1;font-weight:600;text-align:center}[data-theme="light"] .comparison-table .cross-cell{color:#b91c1c;opacity:1;font-weight:600}.comparison-table .other-cell{text-align:center;color:var(--text-secondary);font-weight:500}.comparison-swipe-hint{display:none;text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:15px;font-weight:500}.comparison-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:50px}.comp-detail-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;transition:var(--transition)}.comp-detail-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.comp-detail-icon{font-size:2rem;margin-bottom:16px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;width:fit-content}.comp-detail-title{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.comp-detail-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.6}@media (max-width:992px){.comparison-table th,.comparison-table td{padding:16px 18px}}@media (max-width:768px){.comparison-swipe-hint{display:block}}.site-header,.site-footer,#reading-progress{--brand-primary:#4f46e5;--brand-primary-hover:#4338ca;--brand-secondary:#7c3aed;--brand-accent:#9333ea;--brand-gradient:linear-gradient(135deg, #4f46e5, #7c3aed 50%, #9333ea);--bg-page:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#475569;--border-card:rgba(226, 232, 240, .9);--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .08);--shadow-card:0 20px 25px -5px rgba(226, 232, 240, .5), 0 8px 10px -6px rgba(226, 232, 240, .5);--transition-fast:0.15s ease;--transition-normal:0.25s ease}.icon-sm{height:1.125rem;width:1.125rem}.site-footer{contain-intrinsic-size:auto 450px;content-visibility:auto}#reading-progress{background:linear-gradient(90deg,#4f46e5,#9333ea,#f59e0b);height:.25rem;left:0;pointer-events:none;position:fixed;top:0;transform:scaleX(0);transform-origin:0 50%;width:100%;will-change:transform;z-index:10000}@supports (animation-timeline:scroll()){#reading-progress{animation:readingProgressAuto linear;animation-timeline:scroll(root block)}}.content-grid,.footer-container,.header-container,.hero-container,.related-container{margin:0 auto;max-width:80rem}.footer-container,.header-container{padding:0 1rem}.brand-text,.page-title{font-family:var(--font-heading);letter-spacing:-.025em}.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgb(15 23 42 / .95);border-bottom:1px solid rgb(51 65 85 / .8);box-shadow:var(--shadow-lg);position:sticky;top:0;transition:all var(--transition-normal);width:100%;z-index:500}.header-row{flex-direction:column;min-height:4rem}.brand-area,.header-row{display:flex;justify-content:space-between}.brand-area{align-items:center;flex-shrink:0;gap:1rem;height:4rem;width:100%}.brand-link{align-items:center;display:flex;gap:.75rem;transition:transform var(--transition-fast)}.brand-link:hover{transform:scale(1.02)}.brand-logo{border:2px solid #fbbf24;border-radius:50%;box-shadow:var(--shadow-sm);flex-shrink:0;height:2.25rem;object-fit:cover;width:2.25rem}.brand-text{background:linear-gradient(90deg,#fff,#f1f5f9,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;font-size:1.25rem;font-weight:700}.hamburger{align-items:center;background:#fff0;border:none;border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;gap:.375rem;height:2.25rem;justify-content:center;padding:.5rem;transition:all var(--transition-fast);width:2.25rem}.hamburger:hover{background-color:#1e293b;color:#fff}.hamburger-line{background-color:currentColor;border-radius:var(--radius-full);display:block;height:2px;transition:transform var(--transition-normal),opacity var(--transition-normal);width:1.25rem}.hamburger[aria-expanded=true] .hamburger-line:first-child{transform:translateY(6px) rotate(45deg)}.hamburger[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.hamburger[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.primary-nav,.footer-col-list{list-style:none;margin:0;padding:0}.primary-nav{border-top:1px solid rgb(51 65 85 / .8);display:none;flex-direction:column;gap:.375rem;padding:.75rem 0 1rem;width:100%}.nav-link,.primary-nav.nav-open{display:flex}.nav-link{align-items:center;border-radius:var(--radius-md);color:#cbd5e1;font-size:.875rem;font-weight:500;gap:.625rem;padding:.625rem .875rem;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background-color:rgb(30 41 59 / .8);color:#fff}.mobile-nav-cta{border-top:1px solid rgb(51 65 85 / .8);padding-top:.5rem}.desktop-cta-link,.mobile-nav-cta-link{align-items:center;background:var(--brand-gradient);color:#fff;font-weight:600;justify-content:center;text-decoration:none!important;transition:all var(--transition-fast)}.mobile-nav-cta-link{border-radius:var(--radius-md);box-shadow:0 4px 12px rgb(79 70 229 / .3);display:flex;gap:.5rem;padding:.75rem 1rem;width:100%}.desktop-cta{display:none}.desktop-cta-link{border-radius:var(--radius-full);box-shadow:0 4px 14px rgb(79 70 229 / .25);display:inline-flex;font-size:.875rem;gap:.375rem;padding:.5rem 1.125rem}.desktop-cta-link:hover{box-shadow:0 6px 18px rgb(79 70 229 / .35);transform:scale(1.03)}@media (min-width:640px){.footer-container,.header-container{padding:0 1.5rem}}@media (min-width:768px){.header-row{align-items:center;flex-direction:row}.brand-area{width:auto}.hamburger,.mobile-nav-cta{display:none}.primary-nav{border-top:none;flex-direction:row;gap:.25rem;padding:0;width:auto}.desktop-cta,.primary-nav{align-items:center;display:flex}.desktop-cta{gap:.75rem}}@media (min-width:1024px){.footer-container,.header-container{padding:0 2rem}}@media (max-width:768px){.site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#0f172a!important}}[data-theme="light"] .site-header,[data-theme="light"] header.site-header{background:rgb(255 255 255 / .95)!important;background-image:none!important;border-bottom:1px solid rgb(99 102 241 / .18)!important;box-shadow:0 4px 20px rgb(99 102 241 / .08)!important}[data-theme="light"] .brand-text{background:linear-gradient(90deg,#4338ca,#4f46e5,#7c3aed)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme="light"] .nav-link{color:#334155!important}[data-theme="light"] .nav-link.active,[data-theme="light"] .nav-link:hover{background-color:rgb(79 70 229 / .1)!important;color:#3730a3!important}[data-theme="light"] .hamburger{color:#475569!important}[data-theme="light"] .hamburger:hover{background-color:#eef2ff!important;color:#0f172a!important}[data-theme="light"] .mobile-nav-cta,[data-theme="light"] .primary-nav{border-top-color:rgb(99 102 241 / .18)!important}[data-theme="light"] .hero-title,[data-theme="light"] .hero-title span:not(.gradient-text){color:#0d0d2a!important;-webkit-text-fill-color:#0d0d2a!important}[data-theme="light"] .hero-text{color:#334155!important}[data-theme="light"] .hero-badge{background:rgb(99 102 241 / .12)!important;border-color:rgb(99 102 241 / .35)!important;color:#4338ca!important}[data-theme="light"] .stat-label,[data-theme="light"] .hero-stats .stat-label{color:#475569!important}[data-theme="light"] .card-label,[data-theme="light"] .demo-stat-label{color:#475569!important}[data-theme="light"] .demo-text{background:rgb(255 255 255 / .65)!important;border-color:rgb(99 102 241 / .2)!important}[data-theme="light"] .demo-text .typed{color:#0d0d2a!important}[data-theme="light"] .demo-text .remaining{color:#64748b!important}[data-theme="light"] .kb-key{background:rgb(255 255 255 / .8)!important;border-color:rgb(99 102 241 / .2)!important;color:#334155!important;box-shadow:0 1px 3px rgb(0 0 0 / .06)!important}[data-theme="light"] .ftt-special-fullscreen-banner{background:linear-gradient(90deg,#eef2ff 0%,#ede9fe 48%,#eef2ff 100%)!important;border-top:1px solid rgb(99 102 241 / .2)!important;border-bottom:1px solid rgb(99 102 241 / .2)!important;box-shadow:0 4px 20px -2px rgb(99 102 241 / .08)!important}[data-theme="light"] .ftt-fs-banner-title{color:#1e1b4b!important}[data-theme="light"] .ftt-fs-banner-title strong{background:linear-gradient(135deg,#4338ca 0%,#0284c7 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme="light"] .ftt-fs-banner-desc{color:#475569!important;border-left-color:rgb(99 102 241 / .25)!important}[data-theme="light"] .ftt-fs-banner-badge{background:rgb(99 102 241 / .12)!important;border-color:rgb(99 102 241 / .35)!important;color:#4338ca!important}[data-theme="light"] #theme-toggle{background:rgb(99 102 241 / .08)!important;border-color:rgb(99 102 241 / .25)!important;color:#4338ca!important}[data-theme="light"] #theme-toggle:hover{background:rgb(99 102 241 / .16)!important;border-color:#4338ca!important;color:#3730a3!important}[data-theme="light"] #theme-toggle .sun-icon{display:none!important}[data-theme="light"] #theme-toggle .moon-icon{display:block!important;color:#4338ca!important}@media (max-width:768px){[data-theme="light"] .site-header,[data-theme="light"] header.site-header{background:rgb(255 255 255 / .98)!important;background-image:none!important}}.site-footer{contain-intrinsic-size:auto 450px;content-visibility:auto}.footer-social-link,.image-placeholder-icon,.toc-icon-box{align-items:center;display:flex;flex-shrink:0;justify-content:center}.site-footer{background-color:#0f172a;border-top:1px solid #1e293b;color:#cbd5e1;margin-top:auto;padding:3rem 0 2rem;text-align:left}.footer-grid{display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2.5rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand-top{align-items:center;display:flex;gap:.75rem}.footer-brand-logo{border:2px solid #fbbf24;border-radius:9999px;flex-shrink:0;height:2rem;object-fit:cover;width:2rem}.footer-brand-name{color:#fff;font-size:1.125rem;font-weight:700}.footer-brand-desc{background-color:#0f172a;color:#cbd5e1;font-size:.875rem;font-weight:400;line-height:1.625}.footer-social{align-items:center;color:#e2e8f0;display:flex;gap:.75rem;padding-top:.5rem}.footer-social-link{background-color:#0f172a;border:1px solid #334155;border-radius:.5rem;color:inherit;font-size:.75rem;font-weight:700;height:2rem;text-decoration:none;transition:all .2s ease;width:2rem}.footer-social-link:hover{border-color:#fbbf24;color:#fcd34d}.footer-col-title{background-color:#0f172a;color:#fbbf24;font-size:.75rem;font-weight:800;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.footer-col-list{display:flex;flex-direction:column;font-size:.875rem;font-weight:600;gap:.625rem}.footer-col-link{background-color:#0f172a;color:#e2e8f0;display:inline-block;text-decoration:none;transition:all .2s ease}.footer-col-link:hover{color:#fcd34d;transform:translateX(.25rem)}.footer-bottom{align-items:center;border-top:1px solid #1e293b;color:#cbd5e1;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:1rem;justify-content:space-between;padding-top:1.5rem}.footer-bottom p{background-color:#0f172a;color:#cbd5e1;margin:0}.footer-status{align-items:center;display:flex;gap:.5rem}.footer-status-dot{animation:pulseGlow 2s infinite;background-color:#34d399;border-radius:9999px;box-shadow:0 0 0 0 rgb(52 211 153 / .7);display:inline-block;height:.5rem;width:.5rem}.footer-status-text{background-color:#0f172a;color:#cbd5e1}@media (min-width:640px){@media (max-width:767px){.footer-col-list,.footer-col-title{text-align:center}.footer-col-list{align-items:center}}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:row}}@media (min-width:1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}}@keyframes readingProgressAuto{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgb(16 185 129 / .7);transform:scale(.95)}70%{box-shadow:0 0 0 8px #fff0;transform:scale(1)}to{box-shadow:0 0 0 0 #fff0;transform:scale(.95)}}@keyframes spin{to{transform:rotate(1turn)}}#navbar.site-header{left:auto;padding:0;position:sticky;right:auto;top:0}.nav-actions-right{align-items:center;display:flex;gap:.75rem}#theme-toggle{flex-shrink:0;cursor:pointer}@media (min-width:768px){.brand-area{display:contents}.brand-link{order:0}.header-row>nav{margin-left:auto;margin-right:auto;order:1}.desktop-cta{order:2}.nav-actions-right{flex-shrink:0;margin-left:1rem;order:3}}.ftt-special-fullscreen-banner{width:100%;background:linear-gradient(90deg,#090d16 0%,#151030 48%,#090d16 100%);border-top:1px solid rgb(139 92 246 / .25);border-bottom:1px solid rgb(99 102 241 / .25);box-shadow:0 4px 20px -2px rgb(99 102 241 / .12);position:relative;z-index:10;overflow:hidden}.ftt-special-fullscreen-banner::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .04),transparent);animation:fttBannerShine 6s infinite linear;pointer-events:none}@keyframes fttBannerShine{0%{left:-100%}50%,100%{left:200%}}.ftt-fs-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#fff0;overflow:hidden;display:none;z-index:15}.ftt-special-fullscreen-banner.is-loading .ftt-fs-progress{display:block}.ftt-fs-progress-bar{height:100%;width:40%;background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc);border-radius:9999px;box-shadow:0 0 10px #38bdf8,0 0 18px #818cf8;animation:fttFsProgressMove 1.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes fttFsProgressMove{0%{transform:translateX(-100%);width:25%}50%{width:55%}100%{transform:translateX(350%);width:30%}}.ftt-fs-banner-inner{max-width:1240px;margin:0 auto;padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:52px}.ftt-fs-banner-left{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.ftt-fs-banner-badge{display:inline-flex;align-items:center;gap:6px;background:rgb(99 102 241 / .18);border:1px solid rgb(165 180 252 / .35);border-radius:9999px;padding:3px 10px;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#c7d2fe;text-transform:uppercase;user-select:none}.ftt-fs-badge-dot{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:fttPulseDot 2s infinite ease-in-out}@keyframes fttPulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.ftt-fs-banner-info{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.ftt-fs-banner-title{font-size:.95rem;color:#e2e8f0;font-weight:500;letter-spacing:-.01em}.ftt-fs-banner-title strong{background:linear-gradient(135deg,#a5b4fc 0%,#38bdf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;font-weight:700}.ftt-fs-banner-desc{font-size:.8rem;color:#94a3b8;border-left:1px solid rgb(255 255 255 / .14);padding-left:.75rem;display:inline-block}.ftt-fs-banner-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#5a4fcc 0%,#7c3aed 100%);color:#fff;border:1px solid rgb(255 255 255 / .2);border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgb(90 79 204 / .4);transition:all 0.2s cubic-bezier(.4,0,.2,1);white-space:nowrap;user-select:none;flex-shrink:0}.ftt-fs-banner-btn:hover{transform:translateY(-1.5px);background:linear-gradient(135deg,#4f43c5 0%,#6d28d9 100%);box-shadow:0 4px 18px rgb(99 102 241 / .6)}.ftt-fs-banner-btn:active{transform:translateY(0)}.ftt-fs-banner-btn.is-loading{opacity:.95;pointer-events:none;background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%);box-shadow:0 0 16px rgb(99 102 241 / .5)}.ftt-fs-btn-icon{width:15px;height:15px;transition:transform 0.2s ease}.ftt-fs-banner-btn.is-loading .ftt-fs-btn-icon{display:none}.ftt-fs-spinner{display:none;width:15px;height:15px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-right-color:#38bdf8;border-radius:50%;animation:fttFsSpin 0.75s linear infinite;flex-shrink:0}@keyframes fttFsSpin{to{transform:rotate(360deg)}}.ftt-fs-banner-btn.is-loading .ftt-fs-spinner{display:inline-block}@media (max-width:860px){.ftt-fs-banner-desc{display:none}.ftt-fs-banner-inner{padding:.5rem 1rem}}@media (max-width:580px){.ftt-fs-banner-inner{flex-direction:column;align-items:stretch;gap:.6rem}.ftt-fs-banner-left{justify-content:space-between}.ftt-fs-banner-btn{justify-content:center;width:100%;padding:8px 14px}}.quick-links{background:var(--bg-primary);padding:24px 16px 8px}.quick-links-grid{list-style:none;margin:0 auto;padding:0;max-width:1200px;display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.qlink{display:flex;align-items:center;justify-content:center;padding:14px 10px;border-radius:var(--radius-md);border:1px solid rgb(255 255 255 / .18);color:#fff;font-weight:600;font-size:.88rem;line-height:1.2;text-align:center;text-decoration:none;box-shadow:var(--shadow-card);transition:var(--transition);-webkit-tap-highlight-color:#fff0}.qlink:hover,.qlink:focus-visible{transform:translateY(-4px);box-shadow:0 12px 32px rgb(0 0 0 / .35);color:#fff;text-decoration:none}.qlink:active{transform:translateY(-1px)}.qlink-1{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.qlink-2{background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%)}.qlink-3{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.qlink-4{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.qlink-5{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%)}.qlink-6{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.qlink-7{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%)}.qlink-8{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}[data-theme="light"] .qlink{box-shadow:0 8px 24px rgb(15 23 42 / .15)}[data-theme="light"] .qlink:hover,[data-theme="light"] .qlink:focus-visible{box-shadow:0 12px 28px rgb(15 23 42 / .25)}@media (max-width:1024px){.quick-links-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.quick-links{padding:16px 12px 4px}.quick-links-grid{grid-template-columns:repeat(2,1fr);gap:10px}.qlink{padding:12px 8px;font-size:.82rem}}