:root{--surface-base:#07040f;--surface-panel:#0d0720;--surface-panel-2:#140a2e;--border-subtle:#ffffff14;--border-strong:#2a2440;--text-primary:#f5f3ff;--text-muted:#b8b3d4;--violet-400:#c084fc;--violet-500:#8b5cf6;--green-500:#22c55e;--pink-text:#f472b6;--gradient-action:linear-gradient(135deg, #8b5cf6 0%, #ec4899 55%, #3b82f6 100%);--gradient-text:linear-gradient(120deg, #8b5cf6, #ec4899 45%, #06b6d4 100%);--shadow-btn:0 14px 34px -12px #8b5cf6b3}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(900px 500px at 50% -80px, #8b5cf652, transparent), radial-gradient(700px 400px at 85% 20%, #ec489929, transparent), var(--surface-base);min-height:100vh;color:var(--text-primary);font-family:Poppins,sans-serif}a{color:var(--violet-400)}.kb-top{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:18px 22px;display:flex}.kb-top img{height:40px}.kb-top a.back{color:var(--text-muted);font-size:14px;text-decoration:none}.kb-wrap{max-width:560px;margin:0 auto;padding:32px 22px 64px}.kb-eyebrow{color:var(--pink-text);letter-spacing:2px;text-transform:uppercase;text-align:center;margin:0;font-size:13px;font-weight:600}.kb-title{text-align:center;margin:10px 0 28px;font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.12}.kb-title span{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text}.kb-card{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:22px;padding:28px}.kb-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.kb-row:last-of-type{border-bottom:0}.kb-row .label{color:var(--text-muted)}.kb-row .value{text-align:right;font-weight:700}.kb-price{margin:6px 0 18px;font-size:40px;font-weight:900}.kb-field{margin:0 0 16px;display:block}.kb-field span{color:var(--text-muted);margin-bottom:6px;font-size:14px;display:block}.kb-field input{width:100%;font:inherit;background:var(--surface-panel-2);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:8px;padding:12px 14px}.kb-field input:focus{border-color:var(--violet-500);outline:none;box-shadow:0 0 0 .15rem #8b5cf640}.kb-btn{width:100%;font:inherit;cursor:pointer;border-radius:40px;margin-top:10px;padding:14px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s}.kb-btn:hover{transform:translateY(-2px)}.kb-btn-grad{background:var(--gradient-action);color:#fff;box-shadow:var(--shadow-btn);border:0}.kb-btn-ghost{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff0d}a.kb-btn{justify-content:center;align-items:center;display:inline-flex}.kb-note{color:var(--text-muted);text-align:center;margin:18px 0 0;font-size:14px;line-height:1.6}.kb-error{color:#fbcfe8;background:#ec48991f;border:1px solid #ec489966;border-radius:12px;margin-bottom:18px;padding:12px 14px;font-size:14px}.kb-status{align-items:center;gap:8px;font-weight:700;display:inline-flex}.kb-status:before{content:"";background:var(--violet-400);border-radius:50%;width:9px;height:9px}.kb-status.ok:before{background:var(--green-500);box-shadow:0 0 0 4px #22c55e40}.animate-spin{animation:.8s linear infinite kb-spin}@keyframes kb-spin{to{transform:rotate(360deg)}}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.h-4{height:16px}.w-4{width:16px}.shrink-0{flex-shrink:0}.rounded-full{border-radius:9999px}.border-2{border:2px solid}.border-current{border-color:currentColor}.border-t-transparent{border-top-color:#0000}button:disabled{cursor:not-allowed;opacity:.7}