body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ff6b6b;--secondary:#4ecdc4;--accent:#ffe66d;--dark:#2c3e50;--light:#f7f9fc;--warm-orange:#ff8c42;--soft-green:#95e1d3;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--shadow:0 10px 30px #0000001a;--shadow-lg:0 20px 60px #00000026}body{color:#2c3e50;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.app,body{background:linear-gradient(135deg,#f7f9fc,#e8f4f8)}.app{min-height:100vh}.header{animation:slideDown .6s ease-out;background:linear-gradient(135deg,#ff6b6b,#ff8c42);box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);color:#fff;padding:2rem 1rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header h1{font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:.5rem}.header p{font-size:1rem;font-weight:300;opacity:.95}.container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.stats-grid{grid-gap:1.5rem;animation:fadeInUp .8s ease-out .2s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#ff6b6b,#ff8c42);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.stat-card.steps:before{background:linear-gradient(90deg,#ff6b6b,#ff8c42)}.stat-card.heart:before{background:linear-gradient(90deg,#ff6b6b,#e74c3c)}.stat-card.sleep:before{background:linear-gradient(90deg,#4ecdc4,#45b7aa)}.stat-card.water:before{background:linear-gradient(90deg,#3498db,#2980b9)}.stat-icon{font-size:2.5rem;margin-bottom:1rem}.stat-label{color:#7f8c8d;color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#2c3e50;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-unit{color:#7f8c8d;color:var(--text-secondary);font-size:.9rem}.stat-progress{background:#f0f0f0;border-radius:10px;height:8px;margin-top:1rem;overflow:hidden}.stat-progress-bar{animation:fillProgress 1.5s ease-out;background:linear-gradient(90deg,#ff6b6b,#ff8c42);border-radius:10px;height:100%}@keyframes fillProgress{0%{width:0}}.features-section{animation:fadeInUp .8s ease-out .4s both;margin-bottom:2rem}.section-title{color:#2c3e50;color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.section-title:after{background:linear-gradient(90deg,#ff6b6b,#ff8c42);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{display:inline-block;font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#2c3e50;color:var(--text-primary);font-size:1.3rem;margin-bottom:.8rem}.feature-card p{color:#7f8c8d;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.cta-section{animation:fadeInUp .8s ease-out .6s both;background:linear-gradient(135deg,#ff6b6b,#ff8c42);border-radius:20px;box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-lg);color:#fff;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.cta-section h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:#fff;color:#ff6b6b}.btn-primary:hover{box-shadow:0 10px 25px #0003;transform:scale(1.05)}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#ff6b6b}.footer{background:#2c3e50;background:var(--dark);color:#fff;margin-top:3rem;padding:2rem 1rem;text-align:center}.footer p{margin-bottom:.5rem;opacity:.8}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1rem}.footer-links a{color:#fff;text-decoration:none;transition:opacity .3s ease}.footer-links a:hover{opacity:.7}@media (max-width:768px){.header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.cta-section{padding:2rem 1rem}.cta-section h2{font-size:1.5rem}.cta-buttons{flex-direction:column}.btn{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s ease-in-out infinite}
/*# sourceMappingURL=main.133d065e.css.map*/