:root{--ck-bg:#f2f5f9;--ck-surface:#fff;--ck-border:#e2e8f0;--ck-text:#101828;--ck-muted:#667085;--ck-accent:#255dbb;--ck-accent-soft:#eaf1fd;--ck-green:#067647;--ck-green-soft:#ecfdf3;--ck-red:#b42318;--ck-red-soft:#fef3f2}body:has(.ck-page){background:var(--ck-bg)}.ck-page{background:var(--ck-bg);min-height:100vh;color:var(--ck-text);font-family:var(--font-body);padding:32px 20px 72px}.ck-head{justify-content:space-between;align-items:center;gap:16px;width:min(1040px,100%);margin:0 auto 24px;display:flex}.ck-head a{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ck-text);font-size:16px;font-weight:700}.ck-head span{color:var(--ck-muted);font-size:13px}.ck-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:24px;width:min(1040px,100%);margin:0 auto;display:grid}.ck-card{background:var(--ck-surface);border:1px solid var(--ck-border);border-radius:16px;padding:24px}.ck-card h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:700}.ck-card p.ck-hint{color:var(--ck-muted);margin-top:6px;font-size:13px}.ck-products{gap:10px;margin-top:16px;display:grid}.ck-product{border:1px solid var(--ck-border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:border-color .18s,background .18s;display:flex}.ck-product:hover{border-color:#b9c9e4}.ck-product:has(input:checked){border-color:var(--ck-accent);background:var(--ck-accent-soft);box-shadow:0 0 0 1px var(--ck-accent)}.ck-product input{opacity:0;pointer-events:none;position:absolute}.ck-product strong{font-size:15px;font-weight:600}.ck-product small{color:var(--ck-muted);margin-top:2px;font-size:12px;display:block}.ck-product em{font-style:normal;font-family:var(--font-mono);color:var(--ck-accent);font-size:16px;font-weight:700}.ck-field{margin-top:20px}.ck-field>label{font-size:13px;font-weight:600;display:block}.ck-field>input{border:1px solid var(--ck-border);border-radius:10px;width:100%;height:44px;margin-top:8px;padding:0 14px;font-size:15px}.ck-field>input:focus{outline-offset:1px;outline:2px solid #b2c8ef}.ck-field small{color:var(--ck-muted);margin-top:6px;font-size:12px;display:block}.ck-pay-methods{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.ck-pay{border:1px solid var(--ck-border);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.ck-pay:has(input:checked){border-color:var(--ck-accent);background:var(--ck-accent-soft);color:var(--ck-accent)}.ck-pay input{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.ck-submit{background:var(--ck-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;height:48px;margin-top:20px;font-size:15px;font-weight:700}.ck-submit:disabled{opacity:.55;cursor:default}.ck-error{background:var(--ck-red-soft);color:var(--ck-red);border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px}.ck-summary{position:sticky;top:24px}.ck-summary dl{gap:12px;margin-top:16px;display:grid}.ck-summary dl div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ck-summary dt{color:var(--ck-muted);font-size:13px}.ck-summary dd{margin:0;font-size:14px;font-weight:600}.ck-summary .ck-total{border-top:1px dashed var(--ck-border);padding-top:14px}.ck-summary .ck-total dd{color:var(--ck-accent);font-family:var(--font-mono);font-size:22px}.ck-qr{border:1px dashed var(--ck-border);background:#fbfcfe;border-radius:12px;place-items:center;gap:12px;margin-top:16px;padding:18px;display:grid}.ck-qr img{width:240px;height:240px}.ck-qr p{color:var(--ck-muted);text-align:center;font-size:13px}.ck-wait{color:var(--ck-muted);align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.ck-dot{background:var(--ck-accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite ck-pulse}@keyframes ck-pulse{0%,to{opacity:.35}50%{opacity:1}}.ck-success{text-align:center;background:var(--ck-surface);border:1px solid var(--ck-border);border-radius:18px;width:min(520px,100%);margin:8vh auto 0;padding:40px 28px}.ck-success .ck-check{background:var(--ck-green-soft);width:56px;height:56px;color:var(--ck-green);border-radius:50%;place-items:center;margin:0 auto 16px;font-size:28px;display:grid}.ck-success h1{font-family:var(--font-display);font-size:22px}.ck-success p{color:var(--ck-muted);margin-top:8px;font-size:14px;line-height:1.7}.ck-success dl{text-align:left;background:#f8fafc;border-radius:12px;gap:8px;margin-top:20px;padding:16px;display:grid}.ck-success dl div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.ck-success dt{color:var(--ck-muted)}.ck-success dd{font-family:var(--font-mono);margin:0}@media (max-width:860px){.ck-grid{grid-template-columns:1fr}.ck-summary{position:static}.ck-pay-methods{grid-template-columns:1fr}}.ck-field>textarea{border:1px solid var(--ck-border);width:100%;color:var(--ck-text);resize:vertical;background:#fff;border-radius:10px;margin-top:8px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.6}.ck-field>textarea:focus{outline-offset:1px;outline:2px solid #b2c8ef}.ck-head__left{align-items:center;gap:14px;display:flex}.ck-back{border:2px solid var(--ck-accent);letter-spacing:.01em;height:44px;color:var(--ck-accent);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 20px 0 14px;font-size:15px;font-weight:700;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #255dbb1f}.ck-back svg{flex:none}.ck-back:hover{color:#fff;background:var(--ck-accent);box-shadow:0 6px 16px #255dbb42}.ck-back:active{transform:translateY(1px)}.ck-product--soldout{opacity:.55;cursor:not-allowed}.ck-product--soldout em{text-decoration:line-through}.ck-product--soldout small{color:var(--text-muted)}