@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#07080d;--bg-secondary:#0d0f17;--bg-tertiary:#131722;--border-color:#ffffff0f;--border-active:#ffffff26;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-gold:#dfb14e;--color-gold-hover:#f1c45f;--color-gold-glow:#dfb14e26;--color-blue:#3b82f6;--color-blue-hover:#60a5fa;--color-blue-glow:#3b82f626;--color-success:#10b981;--color-error:#ef4444;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease;--ase7-color:#10b981;--ase7-color-rgb:16, 185, 129;--ase7-gradient:linear-gradient(135deg, #065f46 0%, #10b981 100%);--ase8-color:#f59e0b;--ase8-color-rgb:245, 158, 11;--ase8-gradient:linear-gradient(135deg, #78350f 0%, #f59e0b 100%);--ase9-color:#6366f1;--ase9-color-rgb:99, 102, 241;--ase9-gradient:linear-gradient(135deg, #312e81 0%, #6366f1 100%)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);transition:var(--transition-smooth);background:#13172299;border-radius:16px}.glass-panel-hover:hover{border-color:var(--border-active);transform:translateY(-2px);box-shadow:0 12px 24px -10px #00000080}.btn-primary{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #2563eb33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--border-active);background:#ffffff14}.btn-gold{color:#07080d;cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#b45309 0%,#d4af37 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #d4af3733}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 16px #d4af3759}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{background-color:var(--bg-primary);width:100vw;min-height:100vh;display:flex;position:relative}.main-content{flex-direction:column;flex:1;align-items:center;padding:24px 24px 100px;display:flex;overflow-y:auto}@media (width>=769px){.main-content{padding-bottom:24px;padding-left:280px}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-float{animation:6s ease-in-out infinite float}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-pop-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards popIn}.dashboard-grid{grid-template-columns:1fr;gap:20px;width:100%;max-width:800px;margin-top:24px;display:grid}@media (width>=640px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.welcome-section{text-align:center;width:100%;max-width:800px;margin-bottom:32px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.welcome-title{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:32px;font-weight:700}.welcome-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto 24px;font-size:16px}.home-card{cursor:pointer;flex-direction:column;justify-content:space-between;height:180px;padding:24px;display:flex;position:relative;overflow:hidden}.home-card-header{justify-content:space-between;align-items:flex-start;display:flex}.home-card-icon{border:1px solid var(--border-color);width:48px;height:48px;color:var(--color-blue);transition:var(--transition-smooth);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;display:flex}.home-card:hover .home-card-icon{background:var(--color-blue-glow);color:var(--color-blue-hover);border-color:#3b82f64d}.home-card-title{color:var(--text-primary);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:20px;font-weight:600}.home-card-desc{color:var(--text-secondary);font-size:13px}.home-card-footer{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.home-card-status{color:var(--text-secondary);background:#ffffff0d;border-radius:6px;padding:4px 8px}.card-locked{opacity:.5;cursor:not-allowed}.card-locked:hover{border-color:var(--border-color);transform:none}.lock-badge{color:#ef4444;background:#ef44441a;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex}.stats-header-container{border-radius:16px;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:24px;padding:16px 24px;display:flex}.stat-item{align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;display:flex}.stat-streak{color:var(--color-gold)}.stat-xp{color:var(--color-blue-hover)}.path-container{flex-direction:column;align-items:center;width:100%;max-width:600px;padding:40px 20px;display:flex;position:relative}.path-node-wrapper{z-index:2;flex-direction:column;align-items:center;margin:20px 0;display:flex;position:relative}.path-node{cursor:pointer;width:72px;height:72px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 8px 16px #0006}.path-node:after{content:"";opacity:0;transition:var(--transition-smooth);border:2px dashed #ffffff26;border-radius:50%;position:absolute;inset:-6px}.path-node.active:after{opacity:1;animation:15s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.path-node-title{white-space:nowrap;border:1px solid var(--border-color);color:var(--text-primary);background:#0d0f17cc;border-radius:6px;padding:4px 8px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;position:absolute;top:80px}.path-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.path-line{fill:none;stroke:var(--border-color);stroke-width:8px;stroke-linecap:round;stroke-dasharray:12 12}.path-line-active{fill:none;stroke-width:8px;stroke-linecap:round;stroke-dasharray:0;transition:stroke-dashoffset 1s ease-in-out}