@import url(https://fonts.googleapis.com/css2?family=Alex+Brush&family=Montserrat:wght@300;400;600&display=swap);:root{--bg-main:#fffcfd;--bg-card:#fff;--primary:#db2777;--secondary:#f472b6;--border-color:#fbcfe8;--text-main:#374151;--text-muted:#6b7280}body{background:var(--bg-main);color:var(--text-main);font-family:'Montserrat',sans-serif}header{background:#fff;border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;box-shadow:0 4px 20px rgba(219,39,119,.03)}.header-container{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-family:'Alex Brush',cursive;font-size:2.6rem;color:var(--primary);text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;transition:color .3s}.nav-links a.active,.nav-links a:hover{color:var(--primary)}.container{max-width:1100px;margin:4rem auto;padding:0 1.5rem}.hero{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,#fff1f2 0%,#fff 100%);border-radius:40px 4px 40px 4px;border:1px solid var(--border-color);margin-bottom:4rem}.hero h1{font-family:'Alex Brush',cursive;font-size:4.5rem;color:var(--primary);margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px 4px 24px 4px;padding:2.5rem;box-shadow:0 10px 25px rgba(219,39,119,.02);transition:transform .3s}.card:hover{transform:translateY(-5px);border-color:var(--primary)}.badge{display:inline-block;padding:.3rem .9rem;border-radius:50px;background:#fce7f3;color:var(--primary);font-size:.75rem;font-weight:700;margin-bottom:1rem}.btn{display:inline-block;padding:.8rem 2.2rem;border-radius:50px;text-decoration:none;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;transition:background .3s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#be185d}.input-label{font-weight:600;color:var(--primary);margin-bottom:.5rem;display:block}.select-input,.number-input{width:100%;padding:.8rem;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem}.results-box{margin-top:2rem;padding:2rem;background:#fff1f2;border-radius:20px;display:none}footer{border-top:1px solid var(--border-color);padding:4rem 2rem;text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:6rem}