@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--bg-main:#0B0E14;--bg-card:#131822;--bg-card-hover:#1A2230;--bg-surface:#1E2738;--border-subtle:#243046;--border-focus:#00C0F3;--tp-gold:#FFB703;--tp-cyan:#00C0F3;--tp-blue:#2563EB;--tp-purple:#8B5CF6;--comp-green:#10B981;--comp-yellow:#F59E0B;--comp-red:#EF4444;--comp-blue:#3B82F6;--comp-gray:#64748B;--z1:#94A3B8;--z2:#38BDF8;--z3:#34D399;--z4:#FBBF24;--z5:#FB923C;--z6:#F87171;--z7:#C084FC;--text-primary:#F8FAFC;--text-secondary:#94A3B8;--text-muted:#64748B;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 8px 24px rgba(0,0,0,0.5);--shadow-glow-cyan:0 0 20px rgba(0,192,243,0.25);--shadow-glow-gold:0 0 20px rgba(255,183,3,0.25)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:rgba(19,24,34,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.glass-header{background:rgba(11,14,20,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-green{background:rgba(16,185,129,.15);color:#34D399;border:1px solid rgba(16,185,129,.3)}.badge-yellow{background:rgba(245,158,11,.15);color:#FBBF24;border:1px solid rgba(245,158,11,.3)}.badge-red{background:rgba(239,68,68,.15);color:#F87171;border:1px solid rgba(239,68,68,.3)}.badge-blue{background:rgba(0,192,243,.15);color:var(--tp-cyan);border:1px solid rgba(0,192,243,.3)}.badge-gold{background:rgba(255,183,3,.15);color:var(--tp-gold);border:1px solid rgba(255,183,3,.3)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00C0F3,#0088CC);color:#07101C;font-weight:700;font-size:.875rem;padding:9px 18px;border-radius:var(--radius-md);transition:all .2s ease;box-shadow:0 4px 12px rgba(0,192,243,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,192,243,.45)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#FFB703,#FB8500);color:#0B0E14;font-weight:700;font-size:.875rem;padding:9px 18px;border-radius:var(--radius-md);transition:all .2s ease;box-shadow:0 4px 12px rgba(255,183,3,.3)}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,183,3,.45)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-surface);color:var(--text-primary);font-weight:600;font-size:.875rem;padding:9px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s ease}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.sport-bike{color:#00C0F3}.sport-run{color:#FFB703}.sport-swim{color:#38BDF8}.sport-strength{color:#A855F7}.metric-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}.metric-box:hover{border-color:var(--tp-cyan);transform:translateY(-2px)}.metric-label{font-size:.72rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.05em;margin-bottom:4px}.metric-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.metric-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}