:root{--bg:#080a0f;--bg-2:#0d1117;--bg-3:#111622;--panel:#141b26;--panel-2:#1a2235;--line:#1e2d42;--line-2:#253548;--ink:#f0f4f8;--ink-soft:#89a;--ink-faint:#456;--gold:#e8a020;--gold-soft:#f5c842;--gold-dim:#e8a02026;--green:#00d084;--green-dim:#00d0841f;--red:#ff4757;--red-dim:#ff47571f;--blue:#3b82f6;--blue-dim:#3b82f61f;--orange:#f97316;--display:"Bebas Neue", "Impact", sans-serif;--sans:"Montserrat", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--body);cursor:pointer;color:inherit;background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}input[type=range]{appearance:none;background:var(--panel-2);cursor:pointer;border-radius:100px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gold);cursor:pointer;width:20px;height:20px;box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--gold), 0 4px 12px #e8a02066;border-radius:50%;transition:transform .15s,box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--gold), 0 6px 20px #e8a02099;transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--gold);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #e8a02026;border-color:var(--gold)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #e8a0204d}50%{box-shadow:0 0 40px #e8a02099}}.animate-fadeUp{animation:.5s cubic-bezier(.2,.8,.2,1) both fadeUp}.animate-fadeIn{animation:.4s both fadeIn}.animate-pulse{animation:2s infinite pulse}.animate-glow{animation:2s infinite glow}.text-gradient{background:linear-gradient(135deg, var(--gold-soft), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-green{background:linear-gradient(135deg,#00d084,#00b36b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--line-2)}.card-glow:hover{border-color:#e8a02066;box-shadow:0 0 30px #e8a02014,0 8px 32px #0000004d}.btn{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--gold-soft), var(--gold));color:#0a0c10;box-shadow:0 4px 16px #e8a0204d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #e8a02080}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line-2);background:0 0}.btn-ghost:hover{border-color:var(--gold);color:var(--ink)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #ff47574d}.btn-danger:hover{background:#ff475733;box-shadow:0 4px 16px #ff475733}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.input{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--body);border-radius:10px;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--ink-faint)}.badge{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-gold{background:var(--gold-dim);color:var(--gold-soft);border:1px solid #e8a0204d}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #00d0844d}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid #ff47574d}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid #3b82f64d}.metric-big{font-family:var(--display);letter-spacing:.02em;font-size:64px;line-height:1}.metric-label{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:700}.progress-bar{background:var(--panel-2);border-radius:100px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-soft));border-radius:100px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}.progress-fill-green{background:linear-gradient(90deg, var(--green), #00f59b)}.toast{z-index:500;background:var(--panel);border:1px solid var(--line-2);color:var(--ink);font-family:var(--sans);letter-spacing:.03em;opacity:0;white-space:nowrap;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 20px 60px #00000080}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-success{color:var(--green);border-color:#00d08466}.toast-gold{color:var(--gold-soft);border-color:#e8a02066}.divider{background:var(--line);height:1px;margin:24px 0}.nav-tab{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s}.nav-tab:hover{color:var(--ink);background:var(--panel-2)}.nav-tab.active{background:var(--gold);color:#0a0c10}.streak-dot{background:var(--panel-2);border-radius:3px;width:14px;height:14px;transition:background .3s}.streak-dot.done{background:var(--green)}.streak-dot.partial{background:var(--gold)}.task-item{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:16px 0;transition:opacity .2s;display:flex}.task-item.done{opacity:.5}.task-check{border:2px solid var(--line-2);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.task-check:hover{border-color:var(--gold)}.task-check.checked{background:var(--green);border-color:var(--green)}.section-label{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:11px;font-weight:800}.stat-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;padding:20px;transition:all .2s}.stat-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.stat-val{font-family:var(--display);letter-spacing:.02em;color:var(--gold-soft);font-size:40px;line-height:1}.stat-lbl{font-family:var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px;font-size:10px;font-weight:700}.glass{-webkit-backdrop-filter:blur(16px);background:#141b26b3;border:1px solid #ffffff0f}@media (max-width:900px){.auth-grid{grid-template-columns:1fr!important}.auth-left{display:none!important}.auth-right{padding:32px 24px!important}}@media (max-width:768px){.mobile-col{grid-template-columns:1fr!important}.mobile-col-2{grid-template-columns:1fr 1fr!important}.nav-tab{padding:8px 10px;font-size:11px}.nav-tab svg{display:none}.toast{white-space:normal;text-align:center;width:auto;font-size:13px;left:16px;right:16px;transform:translate(0)translateY(80px)}.toast.show{transform:translate(0)translateY(0)}}@media (max-width:480px){.nav-tab{letter-spacing:.02em;padding:7px 6px;font-size:10px}}section{padding:60px 0!important}h1{font-size:clamp(36px,8vw,56px)!important}h2{font-size:clamp(28px,7vw,44px)!important}