*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1a1a2e;background:#fafafa;line-height:1.6}
a{color:#e8336d;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px;color:#1a1a2e}
.main-nav{display:flex;gap:24px}
.main-nav a{color:#555;font-size:15px;font-weight:500}
.main-nav a:hover{color:#e8336d;text-decoration:none}
.hero{text-align:center;padding:80px 20px;background:linear-gradient(180deg,#fff5f8,#fafafa)}
.hero h1{font-size:42px;font-weight:800;color:#1a1a2e;margin-bottom:16px}
.hero h1 span{color:#e8336d}
.hero p{font-size:18px;color:#666;max-width:560px;margin:0 auto 28px}
.btn-primary{display:inline-block;padding:14px 36px;background:#e8336d;color:#fff;border-radius:30px;font-weight:600;font-size:16px;transition:background 0.2s}
.btn-primary:hover{background:#d42a5e;text-decoration:none}
.features{padding:60px 0}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feature-card{text-align:center;padding:28px 16px;background:#fff;border-radius:12px;border:1px solid #eee}
.feature-icon{font-size:36px;margin-bottom:12px}
.feature-card h3{font-size:17px;margin-bottom:8px}
.feature-card p{font-size:14px;color:#777}
.popular{padding:60px 0;background:#fff}
.popular h2{font-size:30px;font-weight:700;margin-bottom:32px;text-align:center}
.bouquet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bouquet-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:box-shadow 0.2s}
.bouquet-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.bouquet-img{height:180px;display:flex;align-items:center;justify-content:center;font-size:60px}
.bouquet-card h3{padding:14px 14px 4px;font-size:16px}
.bouquet-card p{padding:0 14px 12px;font-size:13px;color:#888}
.bouquet-card .price{display:block;padding:0 14px 16px;font-size:22px;font-weight:700;color:#e8336d}
.cta{text-align:center;padding:60px 20px;background:linear-gradient(180deg,#fafafa,#fff5f8)}
.cta h2{font-size:28px;margin-bottom:12px}
.cta p{font-size:16px;color:#666;margin-bottom:24px}
.site-footer{background:#1a1a2e;color:#999;padding:50px 0 20px;margin-top:40px}
.footer-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.footer-col h4{color:#fff;font-size:15px;margin-bottom:12px}
.footer-col a,.footer-col p{display:block;color:#999;font-size:14px;margin-bottom:6px}
.footer-col a:hover{color:#e8336d;text-decoration:none}
.copyright{text-align:center;padding-top:30px;border-top:1px solid #333;margin-top:30px}
.copyright p{font-size:13px;color:#666}
@media(max-width:768px){.features-grid,.bouquet-grid,.footer-inner{grid-template-columns:1fr}.main-nav{display:none}.hero h1{font-size:30px}}