@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');
:root{
  --brand:#023e74; --brand-dark:#01264a; --accent:#10b981;
  --bg:#ffffff; --card:#fff; --line:#e6ebf3; --txt:#0f172a; --mut:#6b7280;
  --font:'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}
/* Stack layout: single column, full width of the content area */
.rka-wrap{max-width: min(880px, 96vw); margin: 10px auto 28px; padding: 0 16px; color: var(--txt); font-family: var(--font)}
.rka-title{text-align:center;margin:10px 0 16px;font-size:30px;color:var(--brand);font-weight:800}

.rka-card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 24px rgba(14,30,67,.06);overflow:hidden;margin-bottom:18px}
.rka-head{background:var(--brand);color:#fff;padding:16px 20px;font-weight:800}
.rka-content{padding:18px}
.rka-content label{display:block;font-weight:600;margin:8px 0}
.rka-content select, .rka-content input, .rka-content textarea{
  width:100%;padding:14px 44px 14px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit;line-height:1.2
}
/* Pretty select with custom arrow */
.rka-content select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background:
    linear-gradient(to bottom, #ffffff, #ffffff) padding-box,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23023e74" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat right 14px center/18px;
}
.rka-content select:focus, .rka-content input:focus, .rka-content textarea:focus{outline:none;border-color:#b7c7e3;box-shadow:0 0 0 3px rgba(2,62,116,.12)}

.rka-mut{font-size:13px;color:var(--mut);margin-top:10px}
.rka-actions{display:flex;gap:14px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}
.rka-price{font-weight:900;font-size:24px;background:linear-gradient(180deg,var(--brand) 0,var(--brand-dark) 100%);color:#fff;padding:10px 14px;border-radius:12px}
.rka-btn{border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;background:var(--accent);color:#fff}

.rka-success{background:#d1fae5;border:1px solid #10b981;color:#065f46;border-radius:10px;padding:10px;margin-bottom:10px}
.rka-error{background:#fee2e2;border:1px solid #ef4444;color:#7f1d1d;border-radius:10px;padding:10px;margin-bottom:10px}