@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;700&display=swap";html,body,#root{width:100%;min-height:100vh;overflow-x:hidden}body{background-color:#1a1b1e;color:#d1d0c5;font-family:JetBrains Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e2b71440;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e2b71473}::selection{background:#e2b71440;color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #e2b714;--gold-light: #f5cd2f;--gold-glow: rgba(226, 183, 20, .55);--purple: #a78bfa;--purple-glow: rgba(167, 139, 250, .4);--red: #ca4754;--red-glow: rgba(202, 71, 84, .5);--bg: #111214;--bg2: #16181c;--bg3: #1e2026;--surface: rgba(255, 255, 255, .055);--surface2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .09);--text: #d1d0c5;--sub: #646669;--sub2: #3e4044}.tt-scene{position:fixed;inset:0;background:var(--bg);overflow:hidden;z-index:0}.tt-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 15% 15%,rgba(226,183,20,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(130,80,255,.16) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 110%,rgba(202,71,84,.12) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 70% 10%,rgba(100,180,255,.08) 0%,transparent 55%);animation:bgPulse 8s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.6}to{opacity:1}}.tt-particles{position:absolute;inset:0;pointer-events:none}.tt-particle{position:absolute;border-radius:50%;animation:float linear infinite;opacity:0}@keyframes float{0%{transform:translateY(110vh) rotate(0) scale(0);opacity:0}5%{opacity:1}90%{opacity:.6}to{transform:translateY(-10vh) rotate(720deg) scale(1.2);opacity:0}}.tt-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(226,183,20,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(226,183,20,.07) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 18s linear infinite;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(60px)}}.tt-page{font-family:JetBrains Mono,monospace;position:relative;z-index:1;min-height:100vh;width:100vw;display:flex;flex-direction:column;padding:0 60px;color:var(--text);perspective:1200px}.tt-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;min-height:100vh;gap:0}.tt-topbar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 0 24px;position:relative}.tt-topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-glow),transparent)}.tt-brand{font-family:Outfit,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--gold),var(--gold-light),#fff5a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 0 20px var(--gold-glow));transform-style:preserve-3d}.tt-brand:hover{transform:scale(1.05) translateZ(10px);filter:drop-shadow(0 0 30px var(--gold-glow)) brightness(1.1)}.tt-brand span{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tt-modebar{display:flex;align-items:center;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px 8px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14}.tt-mode-btn{background:none;border:none;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--sub);cursor:pointer;padding:7px 16px;border-radius:10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.tt-mode-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--gold-glow),transparent);opacity:0;transition:opacity .2s;border-radius:10px}.tt-mode-btn:hover{color:var(--text);transform:translateY(-1px) scale(1.02)}.tt-mode-btn:hover:before{opacity:.3}.tt-mode-btn.active{color:var(--gold);background:#e2b7142e;box-shadow:0 0 20px #e2b71459,0 0 8px #e2b71433,inset 0 1px #e2b7144d;transform:translateY(-1px);text-shadow:0 0 12px rgba(226,183,20,.6)}.tt-mode-sep{color:var(--sub2);font-size:14px;margin:0 4px;-webkit-user-select:none;user-select:none}.tt-login-btn{font-family:Outfit,sans-serif!important;font-size:13px!important;font-weight:600!important;padding:8px 20px!important;background:linear-gradient(135deg,var(--gold),#f5a623)!important;color:#1a1b1e!important;border-radius:10px!important;border:none!important;cursor:pointer!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;box-shadow:0 4px 15px #e2b7144d!important;letter-spacing:.3px!important}.tt-login-btn:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 25px #e2b71480!important;filter:brightness(1.1)!important}.tt-stats{display:flex;gap:24px;padding:28px 0 24px;min-height:80px;align-items:center}.tt-stat{display:flex;flex-direction:column;gap:4px;padding:16px 22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:16px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d;min-width:96px;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0f;position:relative;overflow:hidden}.tt-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(226,183,20,.4),transparent);opacity:0;transition:opacity .3s}.tt-stat:hover{transform:translateY(-5px) rotateX(6deg);border-color:#e2b7144d;box-shadow:0 16px 48px #00000080,0 0 30px #e2b71426}.tt-stat:hover:before{opacity:1}.tt-stat-label{font-size:10px;color:var(--sub);letter-spacing:2px;text-transform:uppercase}.tt-stat-value{font-family:Outfit,sans-serif;font-size:30px;font-weight:800;color:var(--gold);line-height:1;transition:all .3s ease;text-shadow:0 0 24px rgba(226,183,20,.8),0 0 48px rgba(226,183,20,.3);letter-spacing:-.5px}.tt-stat-value.dim{color:var(--sub2);text-shadow:none;font-weight:700}.tt-stat-value.danger{color:var(--red);text-shadow:0 0 20px var(--red-glow);animation:dangerPulse .5s ease-in-out infinite alternate}@keyframes dangerPulse{0%{opacity:.8}to{opacity:1}}.tt-stat-spacer{margin-left:auto}.tt-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 44px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a,inset 0 1px #ffffff1a,inset 0 -1px #0003;position:relative;overflow:hidden;transition:all .4s ease;transform-style:preserve-3d}.tt-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(226,183,20,.8),rgba(200,150,255,.5),rgba(226,183,20,.8),transparent);filter:blur(1px)}.tt-card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at var(--mx, 50%) var(--my, 50%),rgba(226,183,20,.07) 0%,transparent 70%);pointer-events:none;transition:background .15s}.tt-card.focused{border-color:#e2b71440;box-shadow:0 24px 80px #000000a6,0 0 60px #e2b7141f,0 0 0 1px #e2b7142e,inset 0 1px #ffffff1f}.tt-words{font-size:26px;line-height:2.2;letter-spacing:.5px;color:var(--sub);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;max-height:calc(2.2em * 3);mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 75%,transparent 100%)}.tt-words-inner{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.tt-char{position:relative;transition:color .05s}.tt-char.correct{color:var(--text)}.tt-char.incorrect{color:var(--red);position:relative}.tt-char.incorrect:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--red);border-radius:1px;box-shadow:0 0 6px var(--red-glow)}.tt-char.current{color:var(--text)}.tt-char.extra{color:var(--red);font-size:.9em}.tt-char.current:before{content:"";position:absolute;left:-2px;top:5px;bottom:5px;width:2px;background:var(--gold);border-radius:2px;box-shadow:0 0 12px var(--gold-glow),0 0 30px #e2b71480,0 0 60px #e2b71433;animation:caretBlink 1s step-end infinite}@keyframes caretBlink{0%,to{opacity:1;box-shadow:0 0 12px var(--gold-glow),0 0 30px #e2b71480}50%{opacity:0;box-shadow:none}}.tt-input{position:absolute;opacity:0;width:1px;height:1px;top:0;left:0;pointer-events:none}.tt-progress-track{width:100%;height:4px;background:#ffffff0f;border-radius:4px;margin-top:28px;overflow:visible;position:relative}.tt-progress-fill{height:100%;background:linear-gradient(90deg,rgba(226,183,20,.6),var(--gold),var(--gold-light));border-radius:4px;transition:width .15s linear;box-shadow:0 0 14px #e2b714cc,0 0 30px #e2b71466;position:relative}.tt-progress-fill:after{content:"";position:absolute;right:-5px;top:-4px;width:11px;height:11px;background:var(--gold-light);border-radius:50%;box-shadow:0 0 14px #e2b714e6,0 0 30px #e2b71499}.tt-focus-hint{text-align:center;margin-top:20px;font-size:12px;color:var(--sub2);letter-spacing:2px;text-transform:uppercase;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.tt-focus-hint:before,.tt-focus-hint:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--sub2));max-width:80px}.tt-focus-hint:after{background:linear-gradient(270deg,transparent,var(--sub2))}.tt-focus-hint.hidden{opacity:0;transform:translateY(-4px)}.tt-actions{margin-top:20px;display:flex;gap:12px;align-items:center}.tt-btn{font-family:JetBrains Mono,monospace;font-size:13px;padding:10px 22px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;letter-spacing:.3px}.tt-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s}.tt-btn:hover:before{opacity:1}.tt-btn:active{transform:scale(.96)!important}.tt-btn-primary{background:linear-gradient(135deg,#f5c518,var(--gold),#e09800);color:#111214;font-weight:700;box-shadow:0 4px 20px #e2b71466,0 1px #ffffff26 inset;border:1px solid rgba(226,183,20,.4)}.tt-btn-primary:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 40px #e2b71499,0 0 20px #e2b7144d;filter:brightness(1.08)}.tt-btn-ghost{background:#ffffff0a;border-color:#ffffff1a;color:var(--sub);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tt-btn-ghost:hover{color:var(--gold);border-color:#e2b7144d;transform:translateY(-3px) scale(1.02);background:#e2b7140f;box-shadow:0 8px 24px #0000004d,0 0 15px #e2b7141a}.tt-results{animation:resultsEnter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes resultsEnter{0%{opacity:0;transform:translateY(30px) scale(.95) rotateX(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.tt-results-header{display:flex;align-items:baseline;gap:16px;margin-bottom:32px}.tt-results-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:var(--sub);letter-spacing:3px;text-transform:uppercase}.tt-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}@media(max-width:768px){.tt-results-grid{grid-template-columns:repeat(2,1fr)}}.tt-result-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:cardEnter .5s ease backwards;transform-style:preserve-3d;position:relative;overflow:hidden}.tt-result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-glow),transparent)}.tt-result-card:nth-child(1){animation-delay:.1s}.tt-result-card:nth-child(2){animation-delay:.2s}.tt-result-card:nth-child(3){animation-delay:.3s}.tt-result-card:nth-child(4){animation-delay:.4s}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.tt-result-card:hover{transform:translateY(-6px) rotateX(5deg) rotateY(2deg);border-color:#e2b71433;box-shadow:0 20px 50px #0006,0 0 30px #e2b7141a}.tt-result-card-label{font-size:10px;color:var(--sub);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.tt-result-card-value{font-size:42px;font-weight:800;font-family:Outfit,sans-serif;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 0 10px var(--gold-glow))}.tt-result-card-unit{font-size:11px;color:var(--sub);margin-top:2px}.tt-perf-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#e2b7141a;border:1px solid rgba(226,183,20,.2);border-radius:20px;font-size:12px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;font-weight:600;animation:badgePop .5s cubic-bezier(.34,1.56,.64,1) .6s backwards}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tt-mistakes-section{margin-bottom:24px}.tt-mistakes-title{font-size:11px;color:var(--sub);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.tt-mistakes-list{display:flex;flex-wrap:wrap;gap:8px}.tt-mistake-chip{background:#ca47541a;border:1px solid rgba(202,71,84,.2);border-radius:8px;padding:5px 12px;font-size:13px;display:flex;gap:8px;align-items:center;transition:all .2s ease}.tt-mistake-chip:hover{background:#ca475433;transform:translateY(-2px)}.tt-mistake-expected{color:var(--text)}.tt-mistake-arrow{color:var(--sub2)}.tt-mistake-typed{color:var(--red)}.tt-shortcut-row{display:flex;gap:20px;padding-top:20px;border-top:1px solid var(--border);margin-top:4px}.tt-shortcut{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--sub2);letter-spacing:.5px}.tt-key{background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:2px 7px;font-size:11px;color:var(--sub);font-family:JetBrains Mono,monospace;vertical-align:middle}.tt-ripple{position:absolute;border-radius:50%;background:#e2b71426;transform:scale(0);animation:ripple .6s ease-out forwards;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.tt-combo{position:fixed;top:50%;right:40px;transform:translateY(-50%);font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--gold);background:#e2b7141a;border:1px solid rgba(226,183,20,.2);border-radius:12px;padding:10px 16px;text-align:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.tt-combo.visible{opacity:1}.tt-combo-num{display:block;font-size:28px;line-height:1;text-shadow:0 0 20px var(--gold-glow)}.login-page{background:var(--bg);color:var(--text);min-height:100vh;width:100%;font-family:JetBrains Mono,monospace;display:flex;flex-direction:column;padding:2rem 3rem;box-sizing:border-box;position:relative;overflow-x:hidden}.login-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(226,183,20,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(226,183,20,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.login-page>*{position:relative;z-index:1}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.logo-container{display:flex;align-items:center;gap:.6rem}.logo-icon{color:var(--gold);font-size:1.6rem;filter:drop-shadow(0 0 8px var(--gold-glow))}.logo-text{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-icons{display:flex;gap:1.5rem;color:var(--sub);font-size:1.1rem;align-items:center}.nav-icons svg:hover{color:var(--text);cursor:pointer}main{display:flex;justify-content:center;gap:6rem;flex-grow:1;align-items:flex-start}.form-column{width:300px;display:flex;flex-direction:column}.column-title{color:var(--sub);font-size:.8rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem;letter-spacing:2px;text-transform:uppercase}form{display:flex;flex-direction:column;gap:.5rem}input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;color:var(--text);width:100%;box-sizing:border-box;font-family:JetBrains Mono,monospace;font-size:.85rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#e2b71466;box-shadow:0 0 0 3px #e2b71414}input::placeholder{color:var(--sub);opacity:.7}.social-login{display:flex;gap:.5rem;margin-bottom:.75rem}.social-btn{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;color:var(--text);cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1rem;transition:all .2s ease}.social-btn:hover{border-color:#e2b7144d;background:#e2b7140f;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.separator{display:flex;align-items:center;text-align:center;color:var(--sub);font-size:.8rem;margin-bottom:.5rem}.separator:before,.separator:after{content:"";flex:1;border-bottom:1px solid var(--border)}.separator:not(:empty):before{margin-right:.5em}.separator:not(:empty):after{margin-left:.5em}.remember-me{display:flex;align-items:center;gap:.5rem;color:var(--sub);font-size:.85rem;margin-top:.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.remember-me.active{color:var(--gold)}.submit-btn{background:var(--surface);color:var(--sub);border:1px solid var(--border);border-radius:8px;padding:.8rem;margin-top:.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#e2b7141f;border-color:#e2b71459;color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.forgot-password{color:var(--sub);font-size:.75rem;text-align:center;margin-top:.75rem;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--text)}.shortcuts-footer{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--sub2);font-size:.75rem;margin-top:4rem}.shortcut{display:flex;align-items:center;gap:.5rem}.key{background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;padding:.1rem .4rem;border-radius:5px;font-size:.75rem;color:var(--sub)}footer{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--sub);font-size:.75rem}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:var(--sub);text-decoration:none;display:flex;align-items:center;gap:.3rem;transition:color .2s}.footer-links a:hover{color:var(--text)}.theme-info{display:flex;gap:1rem;align-items:center}.theme-info a{color:var(--sub);text-decoration:none;transition:color .2s}.theme-info a:hover{color:var(--gold)}