*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Arial,sans-serif;line-height:1.7;color:#2C3E50;background:#FAFAFA}
a{color:#8B1A4A;text-decoration:none}a:hover{color:#D4637B;text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.nav{background:#1A1A2E;padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}
.nav-logo{font-size:1.4rem;font-weight:700;color:#D4637B}.nav-logo span{color:#fff}
.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:#E8E8E8;font-size:.95rem}.nav-links a:hover{color:#D4637B;text-decoration:none}
.hero{background:linear-gradient(135deg,#1A1A2E 0%,#16213E 50%,#0F3460 100%);color:#fff;padding:4rem 2rem;text-align:center}
.hero h1{font-size:2.5rem;margin-bottom:1rem;letter-spacing:-0.5px}.hero p{font-size:1.15rem;max-width:700px;margin:0 auto 1.5rem;color:#C8C8D0}
.hero .cta{display:inline-block;background:#D4637B;color:#fff;padding:.8rem 2rem;border-radius:6px;font-weight:700;font-size:1.05rem}
.hero .cta:hover{background:#E8859A;text-decoration:none}
.section{padding:3rem 2rem;max-width:1100px;margin:0 auto}.section-alt{background:#F5F0F0}
.section h2{font-size:1.8rem;color:#1A1A2E;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #D4637B}
.section h3{font-size:1.3rem;color:#8B1A4A;margin:1.5rem 0 .8rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12)}
.card-img{width:100%;height:260px;display:flex;align-items:center;justify-content:center;font-size:3.5rem}
.card-img-warm{background:linear-gradient(135deg,#F5E6CC,#E8D5B7)}.card-img-cool{background:linear-gradient(135deg,#CCE0F5,#B7D0E8)}
.card-img-rose{background:linear-gradient(135deg,#F5D6E0,#E8C0CC)}.card-img-sage{background:linear-gradient(135deg,#D5E8D4,#C0D6BF)}
.card-body{padding:1.2rem}.card-body h3{color:#1A1A2E;margin:0 0 .5rem;font-size:1.1rem}.card-body p{color:#666;font-size:.9rem}
.card-price{display:inline-block;background:#FFF0F3;color:#8B1A4A;padding:.3rem .8rem;border-radius:4px;font-weight:700;margin-top:.5rem}
.card-link{display:inline-block;margin-top:.5rem;color:#8B1A4A;font-weight:600;font-size:.9rem}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}
.feature-box{text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-box h3{color:#1A1A2E;margin-bottom:.5rem}.feature-box p{color:#666;font-size:.9rem}
.promo-banner{background:linear-gradient(135deg,#8B1A4A,#D4637B);color:#fff;padding:3rem 2rem;text-align:center;border-radius:12px;margin:2rem 0}
.promo-banner h2{color:#fff;border:none}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}
.blog-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.blog-card h3{margin-bottom:.5rem}.blog-card .date{color:#999;font-size:.85rem;margin-bottom:.5rem}.blog-card p{color:#666;font-size:.95rem}
.footer{background:#1A1A2E;color:#A0A0B0;padding:2rem;text-align:center;margin-top:2rem}.footer a{color:#D4637B}
.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;list-style:none;flex-wrap:wrap}
.breadcrumb{padding:.5rem 2rem;font-size:.85rem;color:#999;max-width:1100px;margin:0 auto}.breadcrumb a{color:#8B1A4A}
.size-grid{display:flex;gap:.5rem;margin:.8rem 0;flex-wrap:wrap}.size-btn{padding:.4rem .8rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem}
@media(max-width:768px){.features{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.nav{flex-direction:column;gap:.5rem}}