.fd-section{padding:56px 0;position:relative}.fd-container{max-width:1200px;margin:0 auto;padding:0 20px}.fd-header{text-align:center;max-width:760px;margin:0 auto 42px}.fd-eyebrow{color:var(--wine,#8b1c5c);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#8b1c5c14,#dc357f1f);border:1px solid #8b1c5c33;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.fd-eyebrow svg{color:var(--pink,#e0357d)}.fd-title{color:var(--wine,#3a0826);letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.15}.fd-title em{color:var(--pink,#e0357d);background:linear-gradient(135deg,#8b1c5c 0%,#e0357d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.fd-subtitle{color:var(--muted,#665261);margin:0;font-size:15px;line-height:1.6}.fd-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.fd-card{cursor:pointer;background:linear-gradient(#fff 0%,#fffbfd 100%);border:1px solid #8b1c5c24;border-radius:20px;flex-direction:column;padding:24px 20px 20px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #8b1c5c0d}.fd-card:before{content:"";opacity:0;background:linear-gradient(90deg,#8b1c5c,#e0357d);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.fd-card:hover{border-color:#8b1c5c61;transform:translateY(-8px);box-shadow:0 20px 35px -10px #8b1c5c29,0 0 0 1px #8b1c5c1a}.fd-card:hover:before{opacity:1}.fd-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fd-num-pill{color:#fff;background:linear-gradient(135deg,#8b1c5c 0%,#b12650 100%);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 4px 10px #8b1c5c38}.fd-meta-pills{align-items:center;gap:6px;display:flex}.fd-tag-chip{color:var(--wine,#8b1c5c);background:#8b1c5c0f;border:1px solid #8b1c5c1f;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.fd-time-chip{color:var(--pink,#e0357d);background:#fdf2f7;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.fd-card-visual{background:linear-gradient(135deg,#fff5fa 0%,#f7e6f1 100%);border:1px solid #8b1c5c14;border-radius:14px;justify-content:center;align-items:center;width:100%;height:105px;margin-bottom:18px;transition:background .3s;display:flex;position:relative;overflow:hidden}.fd-card:hover .fd-card-visual{background:linear-gradient(135deg,#feebf4 0%,#f3d4e6 100%)}.fd-card-visual svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.fd-card:hover .fd-card-visual svg{transform:scale(1.08)}.fd-card-body{flex-direction:column;flex-grow:1;display:flex}.fd-guide-topic{color:var(--pink,#e0357d);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:800}.fd-card-title{color:var(--wine,#3a0826);margin:0 0 8px;font-size:17px;font-weight:800;line-height:1.3}.fd-card-desc{color:var(--muted,#665261);flex-grow:1;margin:0 0 16px;font-size:13px;line-height:1.5}.fd-highlights{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.fd-highlight-chip{color:#4a3845;background:#fff;border:1px solid #8b1c5c1f;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.fd-highlight-chip span{color:var(--pink,#e0357d);font-size:10px}.fd-card-footer{color:var(--wine,#8b1c5c);border-top:1px dashed #8b1c5c29;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:13px;font-weight:800;display:flex}.fd-action-btn{color:var(--wine,#8b1c5c);align-items:center;gap:6px;transition:color .2s;display:inline-flex}.fd-arrow-circle{width:26px;height:26px;color:var(--wine,#8b1c5c);background:#8b1c5c14;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.fd-card:hover .fd-arrow-circle{background:var(--wine,#8b1c5c);color:#fff;transform:translate(4px)}@media (max-width:1024px){.fd-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width:640px){.fd-grid{grid-template-columns:1fr;gap:16px}.fd-section{padding:36px 0}}