.cct-wrap{max-width:850px;margin:30px auto;padding:10px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cct-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:30px;box-shadow:0 16px 45px rgb(15 23 42 / .10)}.cct-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;padding:6px 10px;border-radius:999px;background:#eef6ff;color:#1769aa}.cct-header h2{margin:10px 0 4px;font-size:32px;line-height:1.15;color:#111827}.cct-header p{margin:0 0 24px;color:#6b7280}.cct-grid{display:grid;grid-template-columns:1.2fr 1fr auto 1fr;gap:14px;align-items:end}.cct-field label{display:block;font-size:13px;font-weight:700;color:#374151;margin:0 0 7px}.cct-field input,.cct-field select{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:13px;padding:13px 12px;font-size:15px;background:#fff;color:#111827;outline:none}.cct-field input:focus,.cct-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgb(37 99 235 / .12)}.cct-swap{width:46px;height:46px;border:0;border-radius:50%;background:#111827;color:#fff;font-size:24px;cursor:pointer;transition:.2s}.cct-swap:hover{transform:rotate(180deg);background:#2563eb}.cct-convert{width:100%;margin-top:18px;padding:14px;border:0;border-radius:13px;background:#2563eb;color:#fff;font-weight:800;font-size:16px;cursor:pointer}.cct-convert:hover{background:#1d4ed8}.cct-convert:disabled{opacity:.65;cursor:wait}.cct-result{margin-top:20px;padding:22px;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb;text-align:center}.cct-result-label{font-size:13px;color:#6b7280;margin-bottom:7px}.cct-result-value{font-size:36px;font-weight:850;color:#111827;word-break:break-word}.cct-rate{margin-top:7px;color:#4b5563;font-size:14px}.cct-status{text-align:center;color:#6b7280;font-size:12px;min-height:18px;margin-top:10px}.cct-footer{text-align:center;color:#9ca3af;font-size:11px;margin-top:10px}@media(max-width:700px){.cct-card{padding:20px}.cct-header h2{font-size:27px}.cct-grid{grid-template-columns:1fr 1fr}.cct-swap{grid-column:1/-1;justify-self:center;transform:rotate(90deg)}.cct-swap:hover{transform:rotate(270deg)}.cct-result-value{font-size:29px}}