.page-container[data-astro-cid-a57l7szn]{font-family:Inter,sans-serif;color:#1f2937}.container[data-astro-cid-a57l7szn]{max-width:1200px;margin:0 auto;padding:0 20px}.container[data-astro-cid-a57l7szn].narrow{max-width:800px}.section[data-astro-cid-a57l7szn]{padding:80px 0}.bg-light[data-astro-cid-a57l7szn]{background-color:#f9fafb}.bg-blue-light[data-astro-cid-a57l7szn]{background-color:#f0f9ff}.section-title[data-astro-cid-a57l7szn]{font-size:2.5rem;font-weight:800;margin-bottom:20px;color:#111827}.section-subtitle[data-astro-cid-a57l7szn]{font-size:1.2rem;color:#4b5563;font-style:italic}.hero-section[data-astro-cid-a57l7szn]{padding:100px 0;background:linear-gradient(135deg,#fff,#f0f9ff);overflow:hidden}.hero-grid[data-astro-cid-a57l7szn]{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.badge[data-astro-cid-a57l7szn]{display:inline-block;padding:6px 16px;background:#dcfce7;color:#166534;border-radius:99px;font-weight:600;font-size:.875rem;margin-bottom:24px}.hero-content[data-astro-cid-a57l7szn] h1[data-astro-cid-a57l7szn]{font-size:3.5rem;line-height:1.1;font-weight:900;margin-bottom:24px;color:#111827}.hero-content[data-astro-cid-a57l7szn] .subtitle[data-astro-cid-a57l7szn]{font-size:1.3rem;line-height:1.6;color:#4b5563;margin-bottom:40px}.cta-group[data-astro-cid-a57l7szn]{display:flex;gap:16px}.btn[data-astro-cid-a57l7szn]{padding:14px 28px;border-radius:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn[data-astro-cid-a57l7szn].lg{padding:18px 36px;font-size:1.1rem}.btn-primary[data-astro-cid-a57l7szn]{background:#3b82f6;color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-primary[data-astro-cid-a57l7szn]:hover{background:#2563eb;transform:translateY(-2px)}.btn-secondary[data-astro-cid-a57l7szn]{background:#fff;color:#1f2937;border:2px solid #e5e7eb}.btn-secondary[data-astro-cid-a57l7szn]:hover{background:#f9fafb;transform:translateY(-2px)}.btn-shopee[data-astro-cid-a57l7szn]{background:#ee4d2d;color:#fff}.btn-shopee[data-astro-cid-a57l7szn]:hover{background:#d73211}.hero-image-wrap[data-astro-cid-a57l7szn]{position:relative}.hero-img[data-astro-cid-a57l7szn]{width:100%;border-radius:24px;box-shadow:0 20px 50px #0000001a;position:relative;z-index:2}.hero-decoration[data-astro-cid-a57l7szn]{position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:#3b82f6;opacity:.1;border-radius:24px;z-index:1}.benefits-grid[data-astro-cid-a57l7szn]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:50px}.benefit-card[data-astro-cid-a57l7szn]{background:#fff;padding:32px;border-radius:20px;text-align:center;transition:transform .3s;box-shadow:0 4px 6px -1px #0000000d}.benefit-card[data-astro-cid-a57l7szn]:hover{transform:translateY(-10px)}.benefit-icon[data-astro-cid-a57l7szn]{font-size:3rem;margin-bottom:20px}.benefit-card[data-astro-cid-a57l7szn] h3[data-astro-cid-a57l7szn]{font-size:1.25rem;font-weight:700;margin-bottom:12px}.benefit-card[data-astro-cid-a57l7szn] p[data-astro-cid-a57l7szn]{font-size:.95rem;line-height:1.5;color:#6b7280}.note-box[data-astro-cid-a57l7szn]{background:#fdf2f8;padding:24px;border-radius:16px;border-left:4px solid #db2777}.tutorial-grid[data-astro-cid-a57l7szn]{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-start}.step-item[data-astro-cid-a57l7szn]{margin-bottom:32px}.step-item[data-astro-cid-a57l7szn] h3[data-astro-cid-a57l7szn]{font-size:1.4rem;font-weight:700;margin-bottom:12px;color:#3b82f6}.visual-box[data-astro-cid-a57l7szn]{background:#f3f4f6;padding:40px;border-radius:24px;text-align:center}.visual-placeholder[data-astro-cid-a57l7szn]{height:300px;background:#e5e7eb;border:2px dashed #9ca3af;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#9ca3af;margin-bottom:16px}.online-card[data-astro-cid-a57l7szn]{background:linear-gradient(135deg,#1e40af,#3b82f6);padding:60px;border-radius:32px;color:#fff}.feature-list[data-astro-cid-a57l7szn]{list-style:none;padding:0;display:flex;justify-content:center;gap:30px;margin:30px 0 40px}.products-grid[data-astro-cid-a57l7szn]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-card[data-astro-cid-a57l7szn]{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e5e7eb;display:flex;flex-direction:column}.product-img-box[data-astro-cid-a57l7szn] img[data-astro-cid-a57l7szn]{width:100%;height:240px;object-fit:cover}.product-info[data-astro-cid-a57l7szn]{padding:24px;flex:1;display:flex;flex-direction:column}.product-desc[data-astro-cid-a57l7szn]{font-size:.95rem;color:#6b7280;margin-bottom:20px;flex:1}.product-footer[data-astro-cid-a57l7szn]{display:flex;justify-content:space-between;align-items:center}.price[data-astro-cid-a57l7szn]{font-weight:800;color:#111827}.diy-card[data-astro-cid-a57l7szn]{background:#fef3c7;border:2px dashed #f59e0b;justify-content:center;text-align:center}.diy-icon[data-astro-cid-a57l7szn]{font-size:4rem;margin-bottom:20px}@media(max-width:968px){.hero-grid[data-astro-cid-a57l7szn],.tutorial-grid[data-astro-cid-a57l7szn],.products-grid[data-astro-cid-a57l7szn]{grid-template-columns:1fr}.hero-section[data-astro-cid-a57l7szn]{text-align:center}.cta-group[data-astro-cid-a57l7szn]{justify-content:center}.feature-list[data-astro-cid-a57l7szn]{flex-direction:column;gap:10px}}.modal-overlay[data-astro-cid-a57l7szn]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(8px);transition:opacity .3s}.modal-overlay[data-astro-cid-a57l7szn].hidden{opacity:0;pointer-events:none;display:none}.modal-content[data-astro-cid-a57l7szn]{background:#fff;padding:48px 40px;border-radius:32px;max-width:480px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000040;transform:scale(1);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-overlay[data-astro-cid-a57l7szn].hidden .modal-content[data-astro-cid-a57l7szn]{transform:scale(.9)}.modal-icon[data-astro-cid-a57l7szn]{font-size:4.5rem;margin-bottom:24px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-content[data-astro-cid-a57l7szn] h2[data-astro-cid-a57l7szn]{font-size:2.25rem;font-weight:800;margin-bottom:16px;color:#111827}.modal-body[data-astro-cid-a57l7szn] p[data-astro-cid-a57l7szn]{color:#4b5563;line-height:1.6;margin-bottom:16px;font-size:1.1rem}#close-modal[data-astro-cid-a57l7szn]{margin-top:16px;width:100%;cursor:pointer}