:root{--ink:#0d2745;--muted:#6e7f91;--line:#dfe6ed;--soft:#f5f8fb;--accent:var(--packet-accent,#0b5ca8);--gold:#d6a72b}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f8fafc,#eef3f8);color:var(--ink);font-family:Inter,Arial,sans-serif}.cp-container{width:min(980px,calc(100% - 30px));margin:auto}.cp-header{background:#fff;border-bottom:1px solid #e6ebf1;position:sticky;top:0;z-index:20}.cp-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cp-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.cp-brand img{width:72px;height:56px;object-fit:contain}.cp-brand>span{width:52px;height:52px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 20px Manrope}.cp-brand div{display:flex;flex-direction:column}.cp-brand strong{font:800 16px Manrope}.cp-brand small{font-size:10px;color:var(--muted);margin-top:2px}.cp-help{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink)}.cp-help i{width:40px;height:40px;border-radius:10px;background:#eef4fa;display:grid;place-items:center;color:var(--accent)}.cp-help span{display:flex;flex-direction:column}.cp-help small{font-size:9px;color:#8d9aaa}.cp-help strong{font-size:11px}.cp-main{padding-bottom:70px}.cp-intro{padding:38px 0 22px;text-align:center}.cp-kicker{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--accent)}.cp-intro h1{font:800 clamp(30px,4.5vw,44px)/1.08 Manrope;margin:10px 0}.cp-intro p{margin:0 auto;color:var(--muted);max-width:700px;line-height:1.7;font-size:14px}.cp-date{display:inline-flex;gap:7px;align-items:center;margin-top:14px;background:#fff8e4;color:#8d6b11;border:1px solid #f0df9d;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:700}.cp-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 60px rgba(22,47,77,.10);overflow:hidden}.cp-progress-head{padding:24px 28px 12px;border-bottom:1px solid #edf1f5}.cp-progress-head>div:first-child{display:flex;justify-content:space-between;font-size:11px;font-weight:800}.cp-progress-head>div:first-child strong{color:var(--accent)}.cp-progress-bar{height:6px;background:#eef2f6;border-radius:999px;overflow:hidden;margin:10px 0 17px}.cp-progress-bar span{display:block;width:33%;height:100%;background:linear-gradient(90deg,var(--accent),#d3a82e);transition:.3s}.cp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cp-step{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;color:#8a98a8;font-size:11px;font-weight:700;cursor:pointer}.cp-step span{width:28px;height:28px;border-radius:50%;background:#edf1f5;display:grid;place-items:center}.cp-step.active{color:var(--accent)}.cp-step.active span,.cp-step.done span{background:var(--accent);color:#fff}.cp-step-panel{display:none;padding:28px}.cp-step-panel.active{display:block}.cp-section{border:1px solid #e6ebf1;border-radius:14px;padding:22px;margin-bottom:18px}.cp-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.cp-section-title>span{width:36px;height:36px;border-radius:9px;background:#eef4fa;color:var(--accent);display:grid;place-items:center}.cp-section-title h2{font:800 18px Manrope;margin:1px 0}.cp-section-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.cp-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cp-field{display:flex;flex-direction:column;gap:7px}.cp-field.width-full{grid-column:1/-1}.cp-field.width-third{grid-column:auto}.cp-field>label{font-size:11px;font-weight:800;color:#4e6073}.cp-field input,.cp-field textarea,.cp-field select{width:100%;border:1px solid #d7e0e8;border-radius:9px;background:#fff;padding:11px 12px;font:500 13px Inter;outline:none;color:#1f344b}.cp-field input:focus,.cp-field textarea:focus,.cp-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.cp-field textarea{min-height:86px;resize:vertical}.cp-helptext{font-size:9px;color:#8c99a7;line-height:1.45}.cp-options{display:grid;grid-template-columns:1fr;gap:8px}.cp-options.multi{grid-template-columns:repeat(2,1fr)}.cp-option input{display:none}.cp-option span{display:flex;gap:9px;align-items:center;min-height:44px;border:1px solid #dde5ed;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:700;color:#4c5e72;cursor:pointer}.cp-option input:checked+span{border-color:var(--accent);background:#f1f7fc;color:var(--accent)}.cp-option input:checked+span i:before{content:"\f26a"}.cp-richtext{font-size:12px;line-height:1.7;color:#42576d}.cp-richtext h4{color:#8b711b;font:800 13px Manrope;margin:16px 0 5px}.cp-richtext p{margin:0 0 10px}.cp-richtext ul{padding-left:18px}.packet-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.packet-chip-grid span{border:1px solid #dfe7ef;border-radius:8px;padding:10px;background:#fafcfe;font-size:10px;font-weight:700}.cp-important{display:flex;gap:12px;background:#f8fbfd;border:1px solid #dfe8f0;border-radius:12px;padding:15px 16px;margin-bottom:20px}.cp-important i{color:var(--accent);font-size:18px}.cp-important strong{font-size:11px}.cp-important p{margin:3px 0 0;color:#65778a;font-size:10px;line-height:1.5}.cp-step-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.cp-next,.cp-submit,.cp-prev{border:0;border-radius:9px;min-height:44px;padding:0 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.cp-next,.cp-submit{background:var(--accent);color:#fff}.cp-prev{background:#fff;color:#516477;border:1px solid #dbe3ea}.cp-signature{border:1px dashed #b7c6d5;border-radius:10px;background:#fbfdff;padding:10px}.cp-signature canvas{width:100%;height:150px;background:#fff;border-radius:7px;touch-action:none}.cp-signature>div{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.cp-signature small{font-size:9px;color:#8896a5}.cp-signature button{border:0;background:#eef3f7;color:#53677a;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.content-section{background:#fcfdff}@media(max-width:720px){.cp-nav{height:70px}.cp-brand img{width:54px;height:46px}.cp-help span{display:none}.cp-intro{padding-top:26px}.cp-progress-head,.cp-step-panel{padding-left:16px;padding-right:16px}.cp-steps small{display:none}.cp-fields{grid-template-columns:1fr}.cp-field.width-full{grid-column:auto}.cp-options.multi,.packet-chip-grid{grid-template-columns:1fr}.cp-card{border-radius:12px}.cp-section{padding:16px}.cp-step-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 0}.cp-next,.cp-submit,.cp-prev{flex:1;justify-content:center}}

/* V16 premium selectable option rows + safe-leave modal */
.cp-options.enhanced{gap:10px}.cp-options.enhanced .cp-option span{justify-content:space-between;gap:14px;min-height:50px}.cp-option-main{display:flex!important;align-items:center;gap:9px;min-width:0;border:0!important;padding:0!important;background:transparent!important}.cp-option-main b{font-size:11px;line-height:1.35;font-weight:750;color:inherit}.cp-option-meta{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.02em;color:#8b6811;background:#fff6d8;border:1px solid #ead48b;border-radius:999px;padding:5px 8px;white-space:nowrap}.cp-option-meta.success{color:#277646;background:#eaf8ef;border-color:#bfe2ca}.choice-error{padding:8px;border-radius:11px;outline:2px solid #d9534f;background:#fff7f6}.choice-error>label{color:#b43b35}.cp-modal-open{overflow:hidden}.cp-leave-modal{position:fixed;inset:0;z-index:999;display:none;place-items:center;padding:20px}.cp-leave-modal.open{display:grid}.cp-leave-backdrop{position:absolute;inset:0;background:rgba(8,30,54,.48);backdrop-filter:blur(5px)}.cp-leave-dialog{position:relative;width:min(440px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 30px 90px rgba(14,39,68,.28);text-align:center}.cp-leave-icon{width:54px;height:54px;border-radius:14px;background:#fff5dc;color:#b9850c;display:grid;place-items:center;font-size:24px;margin:0 auto 16px}.cp-leave-dialog h3{font:800 22px Manrope;margin:0;color:#132c49}.cp-leave-dialog p{font-size:12px;line-height:1.7;color:#6f7f90;margin:10px 0 22px}.cp-leave-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cp-leave-dialog button{min-height:44px;border-radius:9px;font-weight:800;cursor:pointer}.cp-stay{border:1px solid #d6e0e9;background:#fff;color:#29435f}.cp-leave{border:0;background:#0b5ca8;color:#fff}@media(max-width:620px){.cp-options.multi.enhanced{grid-template-columns:1fr}.cp-option-meta{font-size:8px}.cp-leave-dialog{padding:22px}.cp-leave-dialog>div{grid-template-columns:1fr}}
