@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--primary:#6c63ff;--primary-light:#8b83ff;--primary-dark:#5a52e0;--primary-glow:#6c63ff66;--accent:#00d4aa;--accent-light:#3db;--accent-glow:#00d4aa4d;--neon-pink:#ff6b9d;--neon-blue:#00b4d8;--neon-orange:#ff8c42;--bg-deep:#060b18;--bg-main:#0a1128;--surface-1:#111d3a;--surface-2:#1a2744;--surface-3:#243352;--surface-hover:#2d3d62;--text-primary:#f0f2ff;--text-secondary:#8892b0;--text-muted:#5a6580;--success:#00d4aa;--warning:#ffb347;--danger:#ff6b6b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow-primary:0 0 30px var(--primary-glow);--shadow-glow-accent:0 0 30px var(--accent-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,Inter,sans-serif;font-weight:700;line-height:1.15}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.1rem,2vw,1.5rem)}.animated-bg{z-index:-2;background:radial-gradient(ellipse at 20% 50%, #6c63ff14 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #00d4aa0f 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #ff6b9d0d 0%, transparent 50%), var(--bg-deep);animation:15s ease-in-out infinite alternate bgShift;position:fixed;inset:0}@keyframes bgShift{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 100%}}.orb{filter:blur(80px);opacity:.15;pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.orb-1{background:var(--primary);width:400px;height:400px;animation:20s ease-in-out infinite orbFloat1;top:-100px;left:-100px}.orb-2{background:var(--accent);width:300px;height:300px;animation:25s ease-in-out infinite orbFloat2;bottom:-50px;right:-50px}.orb-3{background:var(--neon-pink);width:250px;height:250px;animation:18s ease-in-out infinite orbFloat3;top:50%;left:60%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(100px,100px)scale(1.1)}66%{transform:translate(-50px,200px)scale(.9)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-120px,-80px)scale(1.15)}66%{transform:translate(60px,-150px)scale(.85)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-200px,100px)scale(1.2)}}.glass{-webkit-backdrop-filter:blur(20px)saturate(1.5);border-radius:var(--radius-lg);background:#111d3a99;border:1px solid #6c63ff1f;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass:hover{box-shadow:var(--shadow-glow-primary);border-color:#6c63ff40;transform:translateY(-2px)}.glass-solid{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid #ffffff0f;padding:1.5rem;transition:all .3s}.glass-accent{border-radius:var(--radius-lg);background:linear-gradient(135deg,#6c63ff26,#00d4aa14);border:1px solid #6c63ff33;padding:1.5rem}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(#ffffff1a,#0000);transition:opacity .25s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 30px var(--primary-glow);transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg, var(--accent), #00b896);color:var(--bg-deep);box-shadow:0 4px 15px var(--accent-glow);font-weight:700}.btn-accent:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-3px)}.btn-google{color:#333;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #ddd;font-weight:600}.btn-google:hover{box-shadow:var(--shadow-md);background:#f8f8f8;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.btn-ghost:hover{color:var(--text-primary);background:#ffffff1a;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--danger), #e05555);color:#fff}.btn-lg{border-radius:var(--radius-lg);padding:1rem 2rem;font-size:1.1rem}.btn-icon{border-radius:var(--radius-full);width:48px;height:48px;color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1a;padding:0}.btn-icon:hover{background:#ffffff26;transform:scale(1.1)}.input{border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#0a112899;border:1.5px solid #ffffff1a;outline:none;padding:.85rem 1.15rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .25s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary);background:#0a1128e6;box-shadow:0 0 0 3px #6c63ff26}.divider{color:var(--text-muted);align-items:center;gap:1rem;margin:1.25rem 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);flex:1;height:1px}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.stat-purple:before{background:linear-gradient(90deg, var(--primary), var(--primary-light))}.stat-card.stat-green:before{background:linear-gradient(90deg, var(--accent), var(--accent-light))}.stat-card.stat-pink:before{background:linear-gradient(90deg, var(--neon-pink), #ff8eb8)}.stat-card.stat-orange:before{background:linear-gradient(90deg, var(--neon-orange), #ffb070)}.badge-card{text-align:center;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.badge-card:hover{box-shadow:var(--shadow-glow-primary);transform:translateY(-4px)scale(1.02)}.badge-card.unlocked{background:linear-gradient(135deg,#6c63ff1a,#00d4aa0d);border-color:#6c63ff4d}.badge-card.locked{opacity:.4;filter:grayscale()}.badge-icon{font-size:2.5rem;animation:2s ease-in-out infinite badgeBounce}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle-bg{stroke:var(--surface-3);fill:none}.progress-ring__circle{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.streak-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.streak-cell{aspect-ratio:1;cursor:default;border-radius:4px;min-width:16px;transition:all .2s}.streak-cell.empty{background:var(--surface-2)}.streak-cell.level-1{background:#6c63ff4d}.streak-cell.level-2{background:#6c63ff80}.streak-cell.level-3{background:#6c63ffbf}.streak-cell.level-4{background:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.streak-cell:hover{z-index:1;transform:scale(1.3)}.countdown-container{justify-content:center;align-items:center;display:flex;position:relative}.countdown-text{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;position:absolute}.quote-card{border-left:3px solid var(--primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--text-secondary);background:linear-gradient(135deg,#6c63ff14,#00d4aa0d);padding:1.5rem 2rem;font-style:italic;line-height:1.7;position:relative}.quote-card .quote-author{color:var(--primary-light);margin-top:.75rem;font-size:.85rem;font-style:normal;font-weight:600;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow), 0 0 60px #6c63ff26}}.animate-fade-up{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.animate-scale-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards scaleIn}.animate-slide-right{animation:.5s forwards slideInRight}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow{animation:3s ease-in-out infinite glow}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.delay-5{opacity:0;animation-delay:.5s}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem}.page{min-height:100vh;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (width<=768px){.container{padding:.75rem 1rem}.glass,.glass-solid{padding:1rem}}.workout-phase{text-transform:uppercase;letter-spacing:.05em;font-family:Outfit,sans-serif;font-weight:900}.workout-bg{transition:background .5s cubic-bezier(.4,0,.2,1)}.exercise-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:3px solid #ffffff26;transition:all .3s}.exercise-img:hover{border-color:var(--primary);transform:scale(1.03)}.google-icon{width:20px;height:20px}.avatar{border-radius:var(--radius-full);border:2px solid var(--primary);object-fit:cover;width:44px;height:44px}.avatar-lg{border-radius:var(--radius-full);border:3px solid var(--primary);object-fit:cover;width:64px;height:64px}.notification-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}