/* FPP v2 Frontend CSS */
*,.fppv2-front *{box-sizing:border-box}
.fppv2-front{max-width:680px;margin:0 auto;padding:32px 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;color:#1e293b}
.fppv2-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px;margin-bottom:16px}
/* Hero */
.fppv2-hero{text-align:center;margin-bottom:32px}
.fppv2-hero h1{font-size:28px;font-weight:800;margin:0 0 10px;color:#0f172a;letter-spacing:-.5px}
.fppv2-hero-sub{font-size:16px;color:#64748b;line-height:1.65;max-width:480px;margin:0 auto 24px}
.fppv2-steps-row{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:20px}
.fppv2-how-step{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;padding:5px 12px}
.fppv2-how-num{width:22px;height:22px;border-radius:50%;background:#6366f1;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
/* Forms */
.fppv2-form{display:flex;flex-direction:column;gap:16px}
.fppv2-form-row{display:flex;flex-direction:column;gap:5px}
.fppv2-form-row label{font-size:13px;font-weight:600;color:#374151}
.fppv2-form-row input[type=text],.fppv2-form-row input[type=email],.fppv2-form-row input[type=password],.fppv2-form-row input[type=url],.fppv2-form-row select{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:15px;color:#0f172a;transition:border-color .15s,box-shadow .15s;background:#fff}
.fppv2-form-row input:focus,.fppv2-form-row select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.fppv2-hint{font-size:12px;color:#94a3b8;margin-top:3px;display:block}
/* Interests */
.fppv2-interests{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.fppv2-interest-pill{display:flex;align-items:center;gap:6px;border:1.5px solid #e2e8f0;border-radius:99px;padding:6px 14px;font-size:13px;cursor:pointer;transition:all .15s;user-select:none;color:#475569}
.fppv2-interest-pill:has(input:checked){background:#ede9fe;border-color:#a5b4fc;color:#4f46e5;font-weight:500}
.fppv2-interest-pill input{display:none}
/* Product grid */
.fppv2-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.fppv2-product-option{border:2px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:6px;text-align:left;position:relative}
.fppv2-product-option:has(input:checked){border-color:#6366f1;background:#f5f3ff}
.fppv2-product-option input{display:none}
.fppv2-product-option img{width:100%;height:90px;object-fit:contain;border-radius:8px;margin-bottom:4px;background:#f8fafc}
.fppv2-product-name{font-size:14px;font-weight:600;color:#1e293b}
.fppv2-product-desc{font-size:12px;color:#64748b;line-height:1.4}
.fppv2-slots-pill{font-size:11px;font-weight:600;color:#059669;background:#dcfce7;border-radius:99px;padding:2px 9px;width:fit-content;margin-top:auto}
.fppv2-check-mark{position:absolute;top:10px;right:10px;width:20px;height:20px;background:#6366f1;border-radius:50%;color:#fff;font-size:12px;display:none;align-items:center;justify-content:center}
.fppv2-product-option:has(input:checked) .fppv2-check-mark{display:flex}
/* Checkboxes */
.fppv2-checkbox-row label{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#475569;cursor:pointer;line-height:1.5}
.fppv2-checkbox-row input{margin-top:2px;flex-shrink:0;accent-color:#6366f1}
/* Buttons */
.fppv2-btn{display:block;width:100%;background:#6366f1;color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;text-align:center;transition:background .15s;letter-spacing:-.1px}
.fppv2-btn:hover{background:#4f46e5}
.fppv2-btn-amazon{background:#FF9900;color:#111 !important;text-decoration:none;display:block;text-align:center;padding:13px;border-radius:10px;font-weight:700;font-size:15px;margin-top:12px;transition:background .15s}
.fppv2-btn-amazon:hover{background:#e68900}
/* Messages */
.fppv2-msg{margin-top:12px;padding:11px 15px;border-radius:9px;font-size:14px;display:none}
.fppv2-msg.success{background:#dcfce7;color:#166534;display:block}
.fppv2-msg.error{background:#fee2e2;color:#991b1b;display:block}
/* Progress */
.fppv2-progress{display:flex;align-items:center;justify-content:center;margin-bottom:28px;gap:4px}
.fppv2-pb-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}
.fppv2-pb-dot{width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:#94a3b8;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0}
.fppv2-pb-step.active .fppv2-pb-dot{background:#6366f1;color:#fff;border-color:#6366f1}
.fppv2-pb-step.done .fppv2-pb-dot{background:#10b981;color:#fff;border-color:#10b981}
.fppv2-pb-label{font-size:11px;color:#94a3b8;font-weight:500}
.fppv2-pb-step.active .fppv2-pb-label{color:#6366f1}
.fppv2-pb-step.done .fppv2-pb-label{color:#10b981}
.fppv2-pb-line{flex:1;height:2px;background:#e2e8f0;margin:0 4px;min-width:32px;position:relative;top:-10px}
.fppv2-pb-line.done{background:#10b981}
/* Dashboard steps */
.fppv2-dash-header{margin-bottom:24px}
.fppv2-dash-header h2{font-size:22px;font-weight:700;margin:0 0 4px;color:#0f172a}
.fppv2-dash-sub{font-size:14px;color:#64748b;margin:0}
.fppv2-step-card{border:1.5px solid #e2e8f0;border-radius:14px;padding:20px;margin-bottom:14px;transition:all .15s}
.fppv2-step-card.active{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.08)}
.fppv2-step-card.done{border-color:#10b981;background:#f0fdf4}
.fppv2-step-card.locked{opacity:.5;pointer-events:none}
.fppv2-step-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.fppv2-step-ico{width:30px;height:30px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #e2e8f0}
.fppv2-step-card.active .fppv2-step-ico{background:#6366f1;color:#fff;border-color:#6366f1}
.fppv2-step-card.done .fppv2-step-ico{background:#10b981;color:#fff;border-color:#10b981}
.fppv2-step-title{font-size:15px;font-weight:700;color:#1e293b}
.fppv2-step-body{font-size:14px;color:#475569;line-height:1.65}
.fppv2-step-body p{margin:0 0 10px}
.fppv2-done-txt{color:#166534}
.fppv2-locked-txt{color:#94a3b8}
.fppv2-refund-confirmed{background:#dcfce7;border-radius:10px;padding:16px;color:#166534}
.fppv2-pending-box{background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;padding:14px;color:#78350f;font-size:14px}
.fppv2-closed-card,.fppv2-not-enrolled{text-align:center;padding:40px 20px}
.fppv2-closed-card h2{font-size:22px;font-weight:700;margin-bottom:8px}
@media(max-width:560px){.fppv2-product-grid{grid-template-columns:1fr}.fppv2-steps-row{flex-direction:column;align-items:center}}