@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,sans-serif;background:radial-gradient(circle at top,#fff7fb,#fdf2f8 35%,#f5eaf1);color:#374151}main{width:min(1100px,92%);margin:auto}.project-page{padding-top:80px;padding-bottom:120px}.project-hero{text-align:center;margin-bottom:70px;animation:fadeUp 1s ease}.project-avatar{width:110px;height:110px;margin:auto auto 28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#ffffffb3;backdrop-filter:blur(12px);box-shadow:0 10px 30px #ff5fa22e,0 0 60px #ff5fa21f;animation:floaty 4s ease-in-out infinite}.project-hero h1{font-size:clamp(3rem,6vw,5rem);margin-bottom:20px;color:#374151}.project-hero p{font-size:1.35rem;max-width:750px;margin:auto;line-height:1.8;color:#4b5563}.back-button{display:inline-block;margin-bottom:40px;text-decoration:none;color:#ff5fa2;font-weight:800;transition:.3s ease}.back-button:hover{transform:translate(-4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.home-page{min-height:100vh;padding:80px 0}.home-hero{min-height:78vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.home-badge{display:inline-block;padding:10px 16px;border-radius:999px;background:#fff;color:#ff5fa2;font-weight:800;box-shadow:0 10px 25px #ff5fa21f;margin-bottom:22px}.home-text h1{font-size:clamp(3.2rem,7vw,6rem);line-height:1;margin:0 0 24px;color:#374151}.home-text p{font-size:1.35rem;line-height:1.8;color:#4b5563;max-width:680px}.home-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.primary-button,.secondary-button{display:inline-block;padding:16px 26px;border-radius:999px;text-decoration:none;font-weight:800;transition:.3s ease}.primary-button{background:#ff5fa2;color:#fff;box-shadow:0 12px 30px #ff5fa238}.secondary-button{background:#fff;color:#ff5fa2}.primary-button:hover,.secondary-button:hover{transform:translateY(-4px)}.avatar-card{background:#ffffffbf;border-radius:40px;padding:52px 36px;text-align:center;box-shadow:0 20px 50px #00000014}.avatar-glow{width:150px;height:150px;margin:0 auto 28px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:4rem;box-shadow:0 10px 30px #ff5fa22e,0 0 70px #ff5fa22e;animation:floaty 4s ease-in-out infinite}.avatar-card h2{font-size:2rem;margin-bottom:10px}.avatar-card p{font-size:1.05rem;color:#6b7280}.coming-soon{padding:80px 0 40px}.coming-soon h2{font-size:2.8rem;text-align:center;margin-bottom:36px}.soon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.soon-card{background:#fff;border-radius:28px;padding:28px;text-align:center;box-shadow:0 12px 30px #0000000f}.soon-card span{font-size:2.5rem}.soon-card h3{color:#ff5fa2;font-size:1.5rem}.soon-card p{font-size:1rem;line-height:1.6}@media(max-width:900px){.home-hero,.soon-grid{grid-template-columns:1fr}.home-text{text-align:center}.home-actions{justify-content:center}}.routine-showcase{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:38px;margin-bottom:54px}.routine-showcase.reverse{grid-template-columns:1.05fr .95fr}.routine-poster{background:#ffffffbf;padding:18px;border-radius:34px;box-shadow:0 20px 45px #00000014,0 0 55px #ff5fa21a}.routine-poster img{width:100%;height:auto;display:block;border-radius:26px}.routine-text-card{background:#fff;padding:38px;border-radius:34px;box-shadow:0 18px 42px #00000014}.routine-label{display:inline-block;margin-bottom:14px;padding:8px 14px;border-radius:999px;background:#fff0f7;color:#ff5fa2;font-weight:900}.routine-text-card h2{margin:0 0 24px;font-size:2.2rem;color:#ff5fa2}.routine-text-card p{font-size:1.1rem;line-height:1.9;margin-bottom:18px;color:#374151}@media(max-width:950px){.routine-showcase,.routine-showcase.reverse{grid-template-columns:1fr}.routine-showcase.reverse .routine-text-card{order:2}.routine-showcase.reverse .routine-poster{order:1}}
