.how-to-page{background:linear-gradient(#fffaf1 0%,#f9f1e4 100%);min-height:100vh}.how-to-hero{background:#ffffffb8;border:1px solid #7a1f1f14;border-radius:28px;width:min(720px,100% - 48px);max-width:720px;margin:24px auto 20px;padding:28px 32px;display:block;overflow:hidden;box-shadow:0 18px 42px #7a5c2f14}.how-to-eyebrow{color:#7a1f1f;letter-spacing:.04em;text-transform:uppercase;background:#f0d6a8;border-radius:999px;justify-self:start;align-items:center;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.how-to-hero h1{color:#1f1a17;overflow-wrap:anywhere;max-width:12ch;margin:12px 0 10px;font-family:Playfair Display,serif;font-size:clamp(2.05rem,3.1vw,2.85rem);line-height:1.05}.how-to-hero p{color:#5c544d;overflow-wrap:anywhere;max-width:640px;margin:0;font-size:16px;line-height:1.65}.how-to-stats{grid-template-columns:repeat(2,minmax(0,150px));gap:12px;margin-top:18px;display:grid}.how-to-stats div{background:#ffffffd1;border:1px solid #7a1f1f14;border-radius:16px;min-width:0;padding:12px 14px;box-shadow:0 12px 24px #7a5c2f14}.how-to-stats strong{color:#7a1f1f;font-size:28px;line-height:1;display:block}.how-to-stats span{color:#6b625a;margin-top:8px;font-size:14px;font-weight:600;display:block}.how-to-content{max-width:1080px;margin:0 auto;padding:0 18px 42px}.how-to-search-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.how-to-search-input{color:#43392f;background:#fffffff5;border:1px solid #7a1f1f1f;border-radius:16px;flex:320px;min-width:220px;padding:13px 15px;font-size:14px;font-weight:500;box-shadow:0 12px 24px #7a5c2f0f}.how-to-search-input:focus{border-color:#7a1f1f;outline:none;box-shadow:0 0 0 4px #7a1f1f14}.how-to-search-count{color:#7b6956;font-size:14px;font-weight:700}.how-to-message{color:#4c453d;text-align:center;background:#fff;border-radius:24px;padding:28px 24px;font-size:16px}.how-to-message.error{color:#8b1f1f;background:#fff0f0}.how-to-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guide-card{background:#fffffff0;border:1px solid #7a1f1f14;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 45px #7a5c2f1a}.guide-image-wrap{aspect-ratio:4/3;background:#f4e7d3;position:relative}.guide-image{object-fit:cover;width:100%;height:100%}.guide-platform{color:#fff;letter-spacing:.02em;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px}.guide-platform.instagram{background:linear-gradient(135deg,#d62976 0%,#f58529 100%)}.guide-platform.youtube{background:linear-gradient(135deg,#e53935 0%,#b71c1c 100%)}.guide-platform.external{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.guide-platform.coming-soon{background:linear-gradient(135deg,#b89d72 0%,#987e53 100%)}.guide-body{flex-direction:column;flex:1;padding:18px;display:flex}.guide-category{color:#8f7652;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.guide-body h2{color:#211915;margin:10px 0 12px;font-family:Playfair Display,serif;font-size:26px;line-height:1.1}.guide-body p{color:#625850;margin:0;font-size:14px;line-height:1.65}.guide-cta{color:#fff;background:linear-gradient(135deg,#7a1f1f 0%,#9b3030 100%);border-radius:14px;justify-content:center;align-items:center;margin-top:auto;padding:14px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.guide-cta:hover{transform:translateY(-1px);box-shadow:0 14px 24px #7a1f1f2e}.guide-cta.disabled{color:#8a785e;box-shadow:none;cursor:default;background:#efe3cf}@media (max-width:1024px){.how-to-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.how-to-hero{border-radius:22px;width:auto;max-width:430px;margin:18px auto 14px;padding:24px 14px 16px;display:block}.how-to-hero h1{max-width:100%;font-size:28px}.how-to-hero p{max-width:100%;font-size:14px;line-height:1.6}.how-to-stats{margin-top:20px}.how-to-content{max-width:430px;padding:0 14px 30px}.how-to-grid{gap:16px}.how-to-search-count{width:100%}.guide-body{padding:16px}.guide-body h2{font-size:22px}}@media (max-width:520px){.how-to-grid{grid-template-columns:1fr}.how-to-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.how-to-stats div{text-align:center;min-width:0;padding:12px 8px}.how-to-stats strong{font-size:24px}.how-to-stats span{font-size:12px}.guide-platform{top:12px;left:12px}.how-to-search-bar{gap:10px}.how-to-search-input{min-width:0}}