.onb-shell{padding:132px 0 72px;background:radial-gradient(circle at 10% 0%,rgba(74,58,255,.12),transparent 32%),radial-gradient(circle at 90% 0%,rgba(72,206,212,.12),transparent 34%),linear-gradient(180deg,#f7f9ff 0%,#fff 100%)}.onb-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch}.onb-left h1{margin:0 0 10px;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.12;color:#111827;font-weight:800}.onb-sub{margin:0 0 20px;color:#64748b;max-width:720px}.onb-steps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.onb-step{border:1px solid #d8deef;background:#fff;color:#475569;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:700}.onb-step.is-active{border-color:#4a3aff;color:#4a3aff;background:#eef2ff}.onb-alert{border-radius:12px;padding:12px 14px;margin-bottom:14px;border:1px solid;font-size:.92rem}.onb-alert.success{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.onb-alert.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.onb-alert p{margin:0 0 6px}.onb-alert p:last-child{margin-bottom:0}.onb-form{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.07)}.onb-form-step{display:none}.onb-form-step.is-active{display:block}.onb-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onb-field-grid label{display:grid;gap:6px;color:#1f2937;font-size:.88rem;font-weight:600}.onb-checkbox-field{display:flex !important;align-items:flex-start;gap:10px !important;line-height:1.45;padding-top:2px}.onb-checkbox-field input[type=checkbox]{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto}.onb-checkbox-field span{display:block;font-weight:600}.onb-field-grid input{border:1px solid #d8deef;border-radius:10px;padding:11px 12px;font-size:.9rem}.onb-field-grid textarea{border:1px solid #d8deef;border-radius:10px;padding:11px 12px;font-size:.9rem;resize:vertical;min-height:92px}.onb-step-title{margin:4px 0 12px;font-size:1.05rem;color:#111827}.onb-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onb-plan{border:1px solid #d8deef;border-radius:12px;padding:12px;background:#fff;display:grid;gap:6px;cursor:pointer}.onb-plan input{margin:0}.onb-plan strong{color:#111827;font-size:.95rem}.onb-plan small{color:#64748b}.onb-help-box{margin-top:12px;border:1px dashed #c7d2fe;background:#f8faff;border-radius:12px;padding:12px}.onb-help-box p{margin:0 0 10px;color:#334155}.onb-payment-box{border-style:solid}.onb-actions{margin-top:14px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.onb-right{display:grid;gap:14px;grid-template-rows:1fr auto}.onb-right-head{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:14px}.onb-right-kicker{margin:0 0 5px;font-size:.74rem;letter-spacing:.12em;color:#4a3aff;font-weight:800}.onb-right-head h3{margin:0;font-size:1rem;line-height:1.4;color:#111827;font-weight:800}.onb-preview-card{border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(180deg,#f8faff 0%,#fff 100%);padding:18px;min-height:300px}.onb-preview-card h4{margin:0 0 10px;color:#111827;font-size:1.05rem;font-weight:800}.onb-preview-card ul{margin:0;padding-left:18px;color:#475569}.onb-preview-card li{margin:0 0 8px}.onb-note{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:14px}.onb-note h4{margin:0 0 8px;color:#111827;font-size:.97rem}.onb-note ul{margin:0;padding-left:18px;color:#475569}.onb-note li{margin:0 0 6px}@media (max-width:992px){.onb-grid{grid-template-columns:1fr}.onb-right-head{order:1}.onb-preview-card{order:2}.onb-note{order:3;margin-bottom:8px}}@media (max-width:640px){.onb-shell{padding-top:110px}.onb-field-grid,.onb-plan-grid{grid-template-columns:1fr}.onb-preview-card{min-height:auto}}