@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;text-decoration:none;transition:transform var(--transition-fast)}.navbar-logo:hover{transform:scale(1.02)}.logo-image{height:90px;width:auto;object-fit:contain}.navbar-links{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:#5dade21a}.nav-link svg{color:var(--accent-400)}.nav-btn{font-size:.875rem}.nav-user{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--border-color)}.user-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff}.user-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-400);transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--accent-400);transform:rotate(15deg)}@media (max-width: 768px){.navbar-container{padding:0 var(--spacing-md)}.navbar-links{gap:var(--spacing-sm)}.nav-link span,.nav-btn span{display:none}.nav-link,.nav-user{padding:var(--spacing-xs) var(--spacing-sm)}.user-name{display:none}.logo-image{height:32px}}@media (max-width: 480px){.navbar-container{padding:0 var(--spacing-sm)}.navbar-links{gap:var(--spacing-xs)}.nav-link,.nav-btn{padding:var(--spacing-xs) var(--spacing-xs);font-size:.75rem}.theme-toggle{width:2.25rem;height:2.25rem}.logo-image{height:28px}}.home{padding-top:64px}.hero{min-height:calc(100vh - 64px);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;padding:var(--spacing-2xl);max-width:1400px;margin:0 auto}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:#5dade226;border:1px solid rgba(93,173,226,.3);border-radius:var(--radius-full);color:var(--secondary-400);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg)}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg)}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-xl)}.hero-cta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.hero-stats{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stat{display:flex;flex-direction:column;align-items:center}.hero-stat-value{font-size:1.5rem;font-weight:700;color:var(--secondary-400)}.hero-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-stat-divider{width:1px;height:40px;background:var(--border-color)}.hero-visual{display:flex;justify-content:center;align-items:center}.keyboard-visual{display:flex;flex-direction:column;gap:8px;padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-glow);max-width:100%}.key-row{display:flex;justify-content:center;gap:6px}.key{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);animation:keyPop .3s ease forwards;opacity:0;transform:scale(.8)}@keyframes keyPop{to{opacity:1;transform:scale(1)}}.key:hover{background:var(--secondary-400);border-color:var(--secondary-500);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #5dade24d}.space-key{width:200px;font-size:.75rem;letter-spacing:.1em}.features{padding:var(--spacing-2xl) 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header h2{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.section-header p{font-size:1.125rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.feature-card{text-align:center}.feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff}.feature-icon.accent{background:var(--gradient-accent)}.feature-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.feature-card p{color:var(--text-muted);line-height:1.6}.benefits{padding:var(--spacing-2xl) 0}.benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.benefits-text h2{font-size:2.5rem;margin-bottom:var(--spacing-md)}.benefits-text>p{font-size:1.125rem;color:var(--text-muted);margin-bottom:var(--spacing-xl)}.benefits-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.benefits-list li{display:flex;align-items:center;gap:var(--spacing-md);font-size:1rem;color:var(--text-secondary)}.check-icon{color:var(--success-500);flex-shrink:0}.benefits-visual{display:flex;justify-content:center}.stats-preview{display:flex;gap:var(--spacing-xl);padding:var(--spacing-2xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glow)}.preview-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.preview-stat .stat-value{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-stat .stat-value.accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer{padding:var(--spacing-xl) 0;border-top:1px solid var(--border-color)}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.footer-logo svg{color:var(--secondary-400)}.footer-text{font-size:.875rem;color:var(--text-muted)}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xl)}.hero-content{max-width:100%}.hero-cta,.hero-stats{justify-content:center}.features-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.benefits-content{grid-template-columns:1fr;text-align:center}.benefits-list{align-items:center}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.hero-stats{flex-wrap:wrap;justify-content:center;padding:var(--spacing-md);gap:var(--spacing-md)}.keyboard-visual{width:100%;max-width:380px;padding:var(--spacing-md)}.key-row{gap:4px}.key{width:30px;height:30px;font-size:.75rem}.space-key{width:140px}.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media (max-width: 480px){.hero{padding:var(--spacing-lg);min-height:auto}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-stats{gap:var(--spacing-sm)}.hero-stat-divider{display:none}.keyboard-visual{max-width:320px;padding:var(--spacing-sm)}.key-row{gap:3px}.key{width:26px;height:26px;font-size:.7rem}.space-key{width:110px;font-size:.65rem}.stats-preview{flex-direction:column;gap:var(--spacing-lg)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);padding-top:calc(64px + var(--spacing-xl))}.auth-container{width:100%;max-width:420px;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1{font-size:1.75rem;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:var(--text-muted)}.auth-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--error-400);font-size:.875rem;margin-bottom:var(--spacing-lg)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.input-wrapper{position:relative}.input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.form-input.with-icon{padding-left:2.75rem}.auth-submit{width:100%;margin-top:var(--spacing-sm)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-muted);font-size:.875rem}.auth-footer a{color:var(--secondary-400);font-weight:500}.auth-footer a:hover{color:var(--secondary-500);text-decoration:underline}@media (max-width: 480px){.auth-container{padding:var(--spacing-lg)}.auth-header h1{font-size:1.5rem}}.typing-page{min-height:100vh;padding:calc(64px + var(--spacing-xl)) var(--spacing-lg) var(--spacing-xl);display:flex;align-items:flex-start;justify-content:center}.typing-container{width:100%;max-width:900px}.typing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.word-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.selector-label{font-size:.875rem;color:var(--text-muted);margin-right:var(--spacing-sm)}.word-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.word-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--secondary-400)}.word-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.word-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn{display:flex;align-items:center;gap:var(--spacing-sm)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.live-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.live-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:100px}.live-stat svg{color:var(--secondary-400)}.live-stat .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.live-stat .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.typing-error{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--error-400);margin-bottom:var(--spacing-lg)}.typing-area{position:relative;padding:var(--spacing-2xl);min-height:200px;cursor:text;transition:all var(--transition-normal)}.typing-area:focus-within{border-color:var(--secondary-400);box-shadow:0 0 0 3px #5dade233,var(--shadow-glow)}.typing-area.loading{display:flex;align-items:center;justify-content:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-muted)}.loading-spinner svg{color:var(--secondary-400)}.text-display{font-family:var(--font-mono);font-size:1.5rem;line-height:2;word-wrap:break-word;-webkit-user-select:none;user-select:none}.hidden-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;background:transparent;border:0;color:transparent;caret-color:transparent;pointer-events:auto}.progress-bar{height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-top:var(--spacing-lg);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .1s ease}.results-area{padding:var(--spacing-2xl);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-2xl);text-align:center}.results-header{margin-bottom:var(--spacing-xl)}.trophy-icon{color:var(--accent-400);margin-bottom:var(--spacing-md);animation:bounce 1s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.results-header h2{font-size:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.result-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.result-card svg{color:var(--secondary-400)}.result-card.error-card svg{color:var(--error-400)}.result-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.result-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.results-actions{display:flex;justify-content:center;gap:var(--spacing-md)}@media (max-width: 768px){.typing-header{flex-direction:column;gap:var(--spacing-md)}.live-stats{flex-wrap:wrap;gap:var(--spacing-sm)}.live-stat{padding:var(--spacing-sm) var(--spacing-md);min-width:80px}.live-stat .stat-value,.text-display{font-size:1.25rem}.results-grid{grid-template-columns:repeat(2,1fr)}.results-actions{flex-direction:column}}@media (max-width: 480px){.typing-page{padding:calc(64px + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg)}.typing-area{padding:var(--spacing-lg);min-height:180px}.text-display{font-size:1.125rem;line-height:1.8}.typing-header{gap:var(--spacing-sm)}.word-selector{flex-wrap:wrap;justify-content:center}}.dashboard-page{min-height:100vh;padding:calc(64px + var(--spacing-xl)) var(--spacing-lg) var(--spacing-xl)}.dashboard-container{max-width:1200px;margin:0 auto}.loading-container,.error-container{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);color:var(--text-muted)}.loading-container svg,.error-container svg{color:var(--secondary-400)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.user-profile-card{display:flex;align-items:center;gap:var(--spacing-lg)}.profile-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff}.profile-info h1{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.profile-info p{color:var(--text-muted);font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#5dade21a,#f39c6b1a);border-color:#5dade24d}.stat-card.highlight .stat-icon{background:var(--gradient-accent)}.stat-card.highlight .stat-icon svg{color:#fff}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);flex-shrink:0}.stat-icon svg{color:var(--secondary-400)}.stat-content{display:flex;flex-direction:column}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-card .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem}.section-header h2 svg{color:var(--secondary-400)}.recent-performance{margin-bottom:var(--spacing-xl)}.performance-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.performance-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.perf-label{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.perf-value{font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.perf-subtext{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-sm)}.history-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.empty-history{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl);color:var(--text-muted);gap:var(--spacing-md)}.empty-history svg{color:var(--secondary-400);opacity:.5}.history-table-wrapper{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:var(--spacing-md);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.history-table td{padding:var(--spacing-md);font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.history-table tr:hover td{background:#5dade20d}.wpm-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#5dade226;border:1px solid rgba(93,173,226,.3);border-radius:var(--radius-sm);color:var(--secondary-400);font-weight:600}.accuracy-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600}.accuracy-badge.high{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:var(--success-400)}.accuracy-badge.medium{background:#f39c6b26;border:1px solid rgba(243,156,107,.3);color:var(--accent-400)}.accuracy-badge.low{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--error-400)}.error-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--error-400);font-weight:600}.error-badge.perfect{background:#22c55e26;border-color:#22c55e4d;color:var(--success-400)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--spacing-lg);text-align:center}.user-profile-card{flex-direction:column}.stats-grid,.performance-cards{grid-template-columns:repeat(2,1fr)}.perf-value{font-size:2rem}}@media (max-width: 480px){.stats-grid,.performance-cards{grid-template-columns:1fr}}:root{--primary-50: #e8eff5;--primary-100: #d1dfeb;--primary-200: #a3bfd7;--primary-300: #759fc3;--primary-400: #477faf;--primary-500: #2C4F6F;--primary-600: #243f59;--primary-700: #1c2f43;--primary-800: #14202d;--primary-900: #0c1017;--secondary-50: #edf8fc;--secondary-100: #dbf1f9;--secondary-200: #b7e3f3;--secondary-300: #93d5ed;--secondary-400: #5DADE2;--secondary-500: #52B5E5;--secondary-600: #3a9dcd;--secondary-700: #2d7ba1;--secondary-800: #205975;--secondary-900: #133749;--accent-50: #fef5f0;--accent-100: #fdebe1;--accent-200: #fbd7c3;--accent-300: #f9c3a5;--accent-400: #F39C6B;--accent-500: #E8945F;--accent-600: #d17a47;--accent-700: #a55f37;--accent-800: #794427;--accent-900: #4d2917;--success-400: #4ade80;--success-500: #22c55e;--error-400: #f87171;--error-500: #ef4444;--warning-400: #fbbf24;--warning-500: #f59e0b;--bg-primary: #f7f9fb;--bg-secondary: #ffffff;--bg-tertiary: #eef2f6;--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: rgba(255, 255, 255, 1);--text-primary: #1a2533;--text-secondary: #4a5a6a;--text-muted: #6b7c8d;--text-accent: #2C4F6F;--border-color: rgba(44, 79, 111, .15);--border-color-hover: rgba(44, 79, 111, .25);--gradient-primary: linear-gradient(135deg, #2C4F6F 0%, #5DADE2 100%);--gradient-secondary: linear-gradient(135deg, #5DADE2 0%, #52B5E5 100%);--gradient-accent: linear-gradient(135deg, #F39C6B 0%, #E8945F 100%);--gradient-mixed: linear-gradient(135deg, #2C4F6F 0%, #F39C6B 100%);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(93, 173, 226, .1) 0%, transparent 70%);--shadow-sm: 0 1px 3px rgba(44, 79, 111, .08);--shadow-md: 0 4px 6px -1px rgba(44, 79, 111, .1), 0 2px 4px -2px rgba(44, 79, 111, .08);--shadow-lg: 0 10px 15px -3px rgba(44, 79, 111, .12), 0 4px 6px -4px rgba(44, 79, 111, .1);--shadow-glow: 0 0 30px rgba(93, 173, 226, .2);--shadow-accent: 0 0 20px rgba(243, 156, 107, .25);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;color-scheme:light}[data-theme=dark]{--bg-primary: #12181f;--bg-secondary: #1a2129;--bg-tertiary: #222a33;--bg-card: rgba(26, 33, 41, .95);--bg-card-hover: rgba(34, 42, 51, 1);--text-primary: #f0f4f8;--text-secondary: #a0b0c0;--text-muted: #6b7c8d;--text-accent: #5DADE2;--border-color: rgba(93, 173, 226, .15);--border-color-hover: rgba(93, 173, 226, .25);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(93, 173, 226, .12) 0%, transparent 70%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .35);--shadow-glow: 0 0 30px rgba(93, 173, 226, .25);--shadow-accent: 0 0 20px rgba(243, 156, 107, .3);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-primary: #12181f;--bg-secondary: #1a2129;--bg-tertiary: #222a33;--bg-card: rgba(26, 33, 41, .95);--bg-card-hover: rgba(34, 42, 51, 1);--text-primary: #f0f4f8;--text-secondary: #a0b0c0;--text-muted: #6b7c8d;--text-accent: #5DADE2;--border-color: rgba(93, 173, 226, .15);--border-color-hover: rgba(93, 173, 226, .25);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(93, 173, 226, .12) 0%, transparent 70%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .35);--shadow-glow: 0 0 30px rgba(93, 173, 226, .25);--shadow-accent: 0 0 20px rgba(243, 156, 107, .3);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow),color var(--transition-slow)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-glow),radial-gradient(circle at 80% 20%,rgba(243,156,107,.05) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(93,173,226,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary)}a{color:var(--secondary-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;font-weight:500;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px #5dade24d}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-md),var(--shadow-accent)}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px #f39c6b59}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#5dade21a}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-md)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.card-glow:hover:before{opacity:.1}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--secondary-400);box-shadow:0 0 0 3px #5dade233}.form-input::placeholder{color:var(--text-muted)}.stat-value{font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.typing-char{font-family:var(--font-mono);font-size:1.5rem;transition:color var(--transition-fast)}.typing-char.correct{color:var(--success-500)}.typing-char.incorrect{color:var(--error-500);text-decoration:underline;text-decoration-color:var(--error-500)}.typing-char.current{background:var(--secondary-400);color:#fff;border-radius:2px;animation:blink 1s ease-in-out infinite}.typing-char.pending{color:var(--text-muted)}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-400)}::selection{background:#5dade24d;color:var(--text-primary)}