.demo-page-shell{min-height:100vh;display:flex;flex-direction:column;background:#0A0C10}.demo-content-zone{flex:1 0 auto;background:#fbfbfe;padding-bottom:84px;color:#111215}.demo-hero{padding-top:60px;padding-bottom:36px;max-width:760px;margin:0 auto;text-align:center}.demo-hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-space-mono,monospace);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3426f6;background:rgba(52,38,246,.07);border:1px solid rgba(52,38,246,.18);padding:5px 12px;border-radius:6px;margin-bottom:18px}.demo-hero-dot{width:6px;height:6px;border-radius:50%;background:#3426f6;box-shadow:0 0 8px #3426f6;animation:pulseDemoDot 2s ease-in-out infinite}@keyframes pulseDemoDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.demo-hero-headline{font-size:clamp(34px,4.8vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.038em;color:#0d0e1b;margin:0 0 14px}.demo-hero-subline{font-size:clamp(15px,1.8vw,17px);line-height:1.6;color:#555371;margin:0 auto;max-width:620px}.demo-card-container{max-width:640px;margin:0 auto}.demo-tab-switcher{display:flex;background:#edeff7;padding:4px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(22,24,68,.06)}.demo-tab-btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:none;background:transparent;color:#555371;font-size:13.5px;font-weight:600;border-radius:9px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.demo-tab-btn:hover{color:#111215}.demo-tab-btn.active{background:#ffffff;color:#111215;box-shadow:0 2px 8px rgba(22,24,68,.08)}.demo-tab-btn.active svg{color:#3426f6}.demo-form-card{background:#ffffff;border:1px solid rgba(22,24,68,.08);border-radius:20px;padding:36px 34px;box-shadow:0 16px 40px -10px rgba(22,24,68,.05)}.demo-form-header{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid rgba(22,24,68,.06)}.demo-form-title{font-size:22px;font-weight:750;color:#0d0e1b;margin:0 0 8px;letter-spacing:-.025em}.demo-form-desc{font-size:14px;line-height:1.55;color:#555371;margin:0}.demo-field-group{margin-bottom:20px}.demo-label{display:block;font-size:13px;font-weight:650;color:#1c1d2d;margin-bottom:8px}.demo-input,.demo-textarea{width:100%;background:#fbfbfe;border:1px solid rgba(22,24,68,.12);border-radius:10px;padding:12px 14px;font-size:14px;color:#111215;transition:all .2s ease;box-sizing:border-box}.demo-input:focus,.demo-textarea:focus{outline:none;background:#ffffff;border-color:#3426f6;box-shadow:0 0 0 3px rgba(52,38,246,.12)}.demo-input::placeholder,.demo-textarea::placeholder{color:#9493a8}.demo-textarea{min-height:80px;resize:vertical}.demo-phone-input-wrap{position:relative;display:flex;align-items:center;background:#fbfbfe;border:1px solid rgba(22,24,68,.12);border-radius:10px;transition:all .2s ease;box-sizing:border-box;overflow:hidden}.demo-phone-input-wrap:focus-within{background:#ffffff;border-color:#3426f6;box-shadow:0 0 0 3px rgba(52,38,246,.12)}.demo-phone-prefix{display:inline-flex;align-items:center;gap:7px;padding:12px 14px;color:#111215;font-size:14px;font-weight:600;border-right:1px solid rgba(22,24,68,.1);background:#f4f5fc;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.demo-wa-icon{width:18px;height:18px;fill:#25D366;flex-shrink:0}.demo-phone-input-wrap .demo-phone-input{flex:1 1;border:none;background:transparent;box-shadow:none!important;border-radius:0;padding:12px 14px}.demo-phone-input-wrap .demo-phone-input:focus{outline:none;box-shadow:none!important;border-color:transparent;background:transparent}.demo-two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.demo-pills-row{display:flex;flex-wrap:wrap;gap:8px}.demo-pill-btn{background:#f4f5fc;border:1px solid rgba(22,24,68,.08);border-radius:8px;padding:8px 13px;font-size:13px;font-weight:600;color:#4b4a62;cursor:pointer;transition:all .18s ease}.demo-pill-btn:hover{background:#eaeefb;border-color:rgba(52,38,246,.2);color:#111215}.demo-pill-btn.selected{background:#3426f6;border-color:#3426f6;color:#ffffff;box-shadow:0 2px 8px rgba(52,38,246,.25)}.demo-submit-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#3426f6;color:#ffffff;border:none;border-radius:12px;padding:14px 20px;font-size:14.5px;font-weight:650;cursor:pointer;margin-top:10px;transition:background .2s ease,transform .18s ease,box-shadow .2s ease;box-shadow:0 4px 14px rgba(52,38,246,.25)}.demo-submit-btn:hover{background:#2516db;transform:translateY(-1px);box-shadow:0 6px 18px rgba(52,38,246,.32)}.demo-trust-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#6d6b88;margin-top:18px;text-align:center}.demo-success-box{text-align:center;padding:24px 12px}.demo-success-icon{width:52px;height:52px;border-radius:50%;background:rgba(16,185,129,.1);color:#10b981;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.demo-success-title{font-size:24px;font-weight:750;color:#0d0e1b;margin:0 0 10px;letter-spacing:-.025em}.demo-success-sub{font-size:15px;line-height:1.6;color:#555371;margin:0 auto 24px;max-width:480px}.demo-receipt-card{background:#f7f8fd;border:1px solid rgba(22,24,68,.08);border-radius:12px;padding:18px 22px;margin-bottom:24px;text-align:left}.demo-receipt-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;border-bottom:1px dashed rgba(22,24,68,.08)}.demo-receipt-row:last-child{border-bottom:none}.demo-receipt-label{color:#6d6b88}.demo-receipt-val{font-weight:600;color:#111215}.demo-receipt-code{font-family:var(--font-space-mono,monospace);color:#3426f6;font-weight:700}.demo-success-actions{display:flex;flex-direction:column;gap:10px}.demo-reset-btn{background:#ffffff;border:1px solid rgba(22,24,68,.14);color:#111215;border-radius:10px;padding:11px 18px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.demo-reset-btn:hover{background:#f7f8fd;border-color:rgba(52,38,246,.3);color:#3426f6}.demo-input.has-error,.demo-phone-input-wrap.has-error{border-color:#ef4444!important;background:#fef2f2!important}.demo-field-error{display:block;font-size:11.5px;color:#ef4444;margin-top:5px;font-weight:500}.demo-server-error{padding:12px 14px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:13px;margin-bottom:18px;display:flex;align-items:center;gap:8px}@media (max-width:640px){.demo-hero{padding-top:40px;padding-bottom:24px}.demo-form-card{padding:24px 20px}.demo-two-col{grid-template-columns:1fr;gap:0}.demo-tab-btn{font-size:12px;padding:9px 10px}}