:root{--sf-primary:#667eea;--sf-secondary:#764ba2;--sf-bg:#f5f7fb;--sf-card:#fff;--sf-text:#182033;--sf-muted:#718096;--sf-border:#e6eaf2;--sf-success:#10b981;--sf-danger:#ef4444;--sf-radius:18px}
*{box-sizing:border-box}body{margin:0;background:var(--sf-bg);color:var(--sf-text);font-family:Vazirmatn,Tahoma,Arial,sans-serif}a{text-decoration:none}.sf-shell{max-width:1220px;margin:auto;padding:24px 16px 60px}.sf-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--sf-border);border-radius:18px;padding:12px 16px;margin-bottom:22px;box-shadow:0 8px 30px rgba(20,30,60,.05)}.sf-brand{font-weight:900;font-size:1.2rem;color:#1a1a2e}.sf-brand span{color:var(--sf-primary)}.sf-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sf-btn{border:0;border-radius:11px;padding:10px 15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.sf-btn-primary{color:#fff;background:linear-gradient(135deg,var(--sf-primary),var(--sf-secondary));box-shadow:0 8px 20px rgba(102,126,234,.2)}.sf-btn-light{background:#f1f4fa;color:#39445b}.sf-btn-danger{background:#fee2e2;color:#b91c1c}.sf-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:28px;padding:38px;box-shadow:0 25px 60px rgba(102,126,234,.25);margin-bottom:24px}.sf-hero h1{font-size:2.1rem;margin:0 0 10px;font-weight:900}.sf-hero p{margin:0;opacity:.9;line-height:1.9}.sf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sf-card{background:var(--sf-card);border:1px solid var(--sf-border);border-radius:var(--sf-radius);box-shadow:0 8px 30px rgba(20,30,60,.05);padding:22px}.sf-plan{display:flex;flex-direction:column;height:100%;position:relative}.sf-plan.popular{border:2px solid #667eea;transform:translateY(-4px)}.sf-badge{position:absolute;top:14px;left:14px;background:#ede9fe;color:#6d28d9;border-radius:99px;padding:5px 9px;font-size:.72rem;font-weight:800}.sf-plan h2{margin:0 0 8px;font-size:1.3rem}.sf-price{font-size:1.75rem;font-weight:900;margin:8px 0}.sf-price small{font-size:.75rem;color:var(--sf-muted);font-weight:500}.sf-features{list-style:none;padding:0;margin:15px 0 20px;flex:1}.sf-features li{padding:7px 0;border-bottom:1px dashed #edf0f5;font-size:.88rem}.sf-features li:before{content:'✓';color:var(--sf-success);font-weight:900;margin-left:7px}.sf-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sf-field{margin-bottom:14px}.sf-field label{display:block;font-weight:700;margin-bottom:6px;font-size:.88rem}.sf-input,.sf-select,.sf-textarea{width:100%;border:1px solid var(--sf-border);border-radius:11px;padding:11px 13px;background:#fff;font:inherit;outline:none}.sf-input:focus,.sf-select:focus,.sf-textarea:focus{border-color:var(--sf-primary);box-shadow:0 0 0 3px rgba(102,126,234,.12)}.sf-table-wrap{overflow:auto}.sf-table{width:100%;border-collapse:collapse}.sf-table th,.sf-table td{padding:12px 10px;border-bottom:1px solid #edf0f5;text-align:right;white-space:nowrap}.sf-table th{background:#fafbfe;font-size:.82rem}.sf-alert{padding:13px 15px;border-radius:12px;margin-bottom:16px}.sf-alert-success{background:#ecfdf5;color:#047857}.sf-alert-danger{background:#fef2f2;color:#b91c1c}.sf-alert-info{background:#eff6ff;color:#1d4ed8}.sf-empty{text-align:center;padding:40px;color:var(--sf-muted)}.sf-builder{display:grid;grid-template-columns:250px 1fr 300px;gap:16px}.sf-panel{background:#fff;border:1px solid var(--sf-border);border-radius:16px;padding:15px;min-width:0}.sf-field-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sf-palette-item{border:1px dashed #cbd5e1;border-radius:10px;padding:10px;background:#f8fafc;cursor:grab;font-size:.82rem}.sf-canvas{min-height:600px;background:#f8fafc;border:2px dashed #dbe2ef;border-radius:16px;padding:18px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-content:start}.sf-canvas>.sf-builder-field{min-width:0;width:100%;box-sizing:border-box}.sf-canvas-empty{grid-column:1/-1}.sf-builder-field{margin-bottom:0}.sf-builder-field.dragging{opacity:.45}.sf-builder-field.drag-over{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12);transform:translateY(-2px)}.sf-canvas-empty{text-align:center;color:#94a3b8;padding:100px 20px}.sf-builder-field{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:13px;margin-bottom:10px;cursor:pointer}.sf-builder-field.active{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}.sf-builder-field .field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sf-builder-field .field-type{font-size:.72rem;color:#7c3aed}.sf-mini{font-size:.75rem;color:var(--sf-muted)}.sf-inline{display:flex;gap:8px;align-items:center}.sf-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.sf-kpi{background:#fff;border:1px solid var(--sf-border);border-radius:16px;padding:18px}.sf-kpi strong{font-size:1.7rem;display:block;margin-top:5px}.sf-kpi span{color:var(--sf-muted);font-size:.82rem}.sf-form-container{max-width:780px;margin:auto}.sf-public{background:#fff;border-radius:20px;border:1px solid var(--sf-border);box-shadow:0 20px 60px rgba(20,30,60,.08);padding:30px}.sf-public-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.sf-col-1{grid-column:span 3}.sf-col-2{grid-column:span 6}.sf-col-3{grid-column:span 9}.sf-col-4{grid-column:span 12}.sf-public .field-group{display:flex;flex-direction:column;min-width:0}.sf-public label{font-weight:700;font-size:.88rem;margin-bottom:6px}.sf-public .required{color:#ef4444}.sf-public input,.sf-public select,.sf-public textarea{width:100%;border:1px solid #e2e8f0;border-radius:10px;padding:11px;font:inherit}.sf-check{display:flex;gap:8px;align-items:center}.sf-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:3000}.sf-modal.open{display:flex}.sf-modal-card{background:#fff;border-radius:20px;max-width:720px;width:100%;max-height:90vh;overflow:auto;padding:24px}.sf-price-box{background:#f8fafc;border-radius:14px;padding:15px;margin:15px 0}.sf-price-total{font-size:1.7rem;font-weight:900}.sf-seat-options,.sf-duration-options{display:flex;gap:8px;flex-wrap:wrap}.sf-option{position:relative}.sf-option input{position:absolute;opacity:0}.sf-option label{display:block;border:1px solid var(--sf-border);border-radius:11px;padding:10px 13px;cursor:pointer;background:#fff}.sf-option input:checked+label{border-color:var(--sf-primary);background:#f0f2ff;color:#4f46e5;font-weight:800}@media(max-width:1050px){.sf-grid{grid-template-columns:repeat(2,1fr)}.sf-builder{grid-template-columns:210px 1fr}.sf-builder>.sf-panel:last-child{grid-column:1/-1}.sf-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sf-grid,.sf-public-grid,.sf-controls{grid-template-columns:1fr}.sf-col-1,.sf-col-2,.sf-col-3,.sf-col-4{grid-column:span 1}.sf-builder{grid-template-columns:1fr}.sf-hero{padding:25px}.sf-hero h1{font-size:1.55rem}.sf-nav{align-items:flex-start;flex-direction:column}.sf-kpis{grid-template-columns:1fr 1fr}.sf-public{padding:20px}}
.sf-response-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:8px;min-width:520px}.sf-response-item{display:flex;flex-direction:column;gap:3px;background:#f8fafc;border:1px solid #edf0f5;border-radius:9px;padding:8px 10px;white-space:normal;overflow-wrap:anywhere}.sf-response-item strong{font-size:.78rem;color:#475569}.sf-response-item span{font-size:.86rem;color:#182033}@media(max-width:700px){.sf-response-grid{grid-template-columns:1fr;min-width:0}}
.sf-form-branding{display:flex;align-items:center;gap:16px}.sf-form-logo{max-width:150px;max-height:72px;object-fit:contain;border-radius:12px}.required-badge{display:inline-block;margin-right:6px;padding:2px 7px;border-radius:999px;background:#fff1f2;color:#be123c;font-size:.68rem;font-weight:800;vertical-align:middle}.sf-style-glass .sf-public{background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.65);box-shadow:0 25px 80px rgba(15,23,42,.14)}.sf-style-glass.sf-public-page{background:linear-gradient(135deg,#eef2ff,#fdf2f8)}.sf-style-soft .sf-public{border-radius:28px;box-shadow:0 18px 55px rgba(99,102,241,.12)}.sf-style-soft .sf-public input,.sf-style-soft .sf-public select,.sf-style-soft .sf-public textarea{border-radius:16px;background:#fbfdff}.sf-style-minimal .sf-public{box-shadow:none;border-radius:12px}.sf-style-minimal .sf-form-branding{border-bottom:1px solid var(--sf-border);padding-bottom:16px}.sf-public-page .spike-picker-input{background:#fff!important}@media(max-width:600px){.sf-form-branding{align-items:flex-start}.sf-form-logo{max-width:110px;max-height:58px}}
/* Spike Form v2.1 hardening */
.sf-builder .sf-canvas{background:var(--sf-bg,#f8fafc);border-color:color-mix(in srgb,var(--sf-primary,#667eea) 22%,#dbe2ef)}
.sf-builder .sf-builder-field{border-radius:var(--sf-radius,12px)}
.sf-builder .sf-builder-field.active{border-color:var(--sf-primary,#667eea)}
.sf-builder .sf-form-logo{display:block}
.sf-public .field-group>label .required{font-weight:900;margin-right:4px}
.sf-public .field-group>label .required-badge{display:inline-flex;align-items:center}
.spike-picker-popover{max-height:calc(100vh - 24px);overflow:auto}
.spike-picker-popover select{color:#182033!important;opacity:1!important}
.spike-picker-input:focus{border-color:var(--sf-primary,#667eea)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-primary,#667eea) 16%,transparent)!important}
.sf-canvas{grid-auto-flow:row dense}
.sf-canvas>.sf-builder-field{display:flex;flex-direction:column;gap:8px;align-self:start}
.sf-canvas>.sf-builder-field .sf-input,.sf-canvas>.sf-builder-field .sf-select,.sf-canvas>.sf-builder-field .sf-textarea{pointer-events:none}
.sf-canvas>.sf-builder-field .required{color:#dc2626;font-weight:900}

/* Spike Form v2.2 visual presets */
body.sf-public-page.sf-style-modern{background:var(--sf-bg)}
body.sf-public-page.sf-style-glass{background:linear-gradient(135deg,#eef2ff 0%,#fdf2f8 100%)}
body.sf-public-page.sf-style-glass .sf-public-style-glass{background:rgba(255,255,255,.76)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 24px 70px rgba(15,23,42,.16)!important}
body.sf-public-page.sf-style-soft{background:#fff7ed}
body.sf-public-page.sf-style-soft .sf-public-style-soft{border-radius:30px!important;box-shadow:0 18px 55px rgba(99,102,241,.15)!important}
body.sf-public-page.sf-style-soft .sf-public-style-soft input,body.sf-public-page.sf-style-soft .sf-public-style-soft select,body.sf-public-page.sf-style-soft .sf-public-style-soft textarea{border-radius:16px!important;background:#fff!important}
body.sf-public-page.sf-style-minimal{background:#fff}
body.sf-public-page.sf-style-minimal .sf-public-style-minimal{box-shadow:none!important;border:1px solid var(--sf-border)!important;border-radius:12px!important}
body.sf-public-page.sf-style-minimal .sf-public-style-minimal .sf-form-branding{border-bottom:1px solid var(--sf-border);padding-bottom:16px}
.sf-public-style-glass .sf-btn-primary{border-radius:14px!important}
.sf-public-style-soft .sf-btn-primary{border-radius:16px!important}
\n/* Spike Form Professional Public UX */\n.sf-public-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(102,126,234,.10),transparent 30%),radial-gradient(circle at 90% 20%,rgba(118,75,162,.09),transparent 30%),var(--sf-bg,#f5f7fb)}\n.sf-public{position:relative;overflow:hidden}.sf-public:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--sf-primary),var(--sf-secondary));opacity:.9}.sf-form-branding{position:relative;padding:10px 4px 22px}.sf-public-grid{position:relative}.sf-public .field-group{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));border:1px solid #e8edf5;border-radius:16px;padding:16px;box-shadow:0 7px 22px rgba(15,23,42,.045);transition:transform .2s,box-shadow .2s,border-color .2s}.sf-public .field-group:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.075);border-color:color-mix(in srgb,var(--sf-primary) 35%,#e8edf5)}.sf-public .field-group>label{margin-bottom:9px}.sf-public .sf-choice-group{display:flex;flex-direction:column;gap:9px;width:100%;overflow-x:auto}.sf-public .sf-choice-group .sf-check{display:grid;grid-template-columns:22px max-content;align-items:center;justify-content:start;gap:9px;width:100%;min-height:42px;padding:9px 11px;border:1px solid #e5eaf2;border-radius:11px;background:#fff;white-space:nowrap}.sf-public .sf-choice-group .sf-check input{width:18px;height:18px;margin:0;flex:0 0 auto}.sf-public .sf-choice-group .sf-check:hover{border-color:var(--sf-primary);background:#fafbff}.sf-public .sf-choice-group .sf-check input:checked+*{}.sf-public .sf-check:not(.sf-choice-group .sf-check){white-space:nowrap}.sf-public .sf-page.active{animation:sfPageIn .32s ease both}@keyframes sfPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sf-progress{height:10px;background:#e9edf5;border:1px solid #e1e6ef}.sf-progress>span{background:linear-gradient(90deg,var(--sf-primary),var(--sf-secondary))}.sf-public .sf-input,.sf-public select,.sf-public textarea{transition:border-color .18s,box-shadow .18s,transform .18s}.sf-public .sf-input:focus,.sf-public select:focus,.sf-public textarea:focus{transform:translateY(-1px)}.sf-public #pageActions{position:relative;padding-top:8px}.sf-public #nextBtn,.sf-public #submitBtn{min-width:150px}.sf-public .sf-form-logo{background:#fff;padding:5px}.sf-public-page .sf-shell{padding-bottom:80px}@media(max-width:700px){.sf-public .field-group{padding:13px}.sf-public .sf-choice-group .sf-check{grid-template-columns:20px max-content}.sf-public .sf-choice-group{padding-bottom:2px}}\n