.transfer-page { margin: auto; max-width: 820px; padding: 48px 24px 72px; }
.transfer-card { background: #f8fafb; border: 1px solid #e1e9ed; border-radius: 24px; margin-bottom: 22px; padding: 30px; }
.transfer-card h2 { font-size: 24px; letter-spacing: -.6px; margin: 8px 0 18px; }
.transfer-card p { color: #4f6577; font-size: 14px; line-height: 1.75; }
.transfer-details { display: grid; gap: 10px; margin: 24px 0; }
.transfer-details dt { color: #718596; font-size: 12px; }
.transfer-details dd { color: #102a43; font-size: 15px; font-weight: 700; line-height: 1.65; margin: 0 0 10px; overflow-wrap: anywhere; }
.transfer-details .iban { font-size: 20px; letter-spacing: .4px; }
.button.secondary.transfer-copy { border: 1px solid #cddbe3; color: #102a43; background: white; cursor: pointer; }
.transfer-note { background: #eaf5f3; border-radius: 12px; padding: 14px 16px; }
.transfer-card label { color: #102a43; display: block; font-size: 13px; font-weight: 700; margin: 18px 0 9px; }
.transfer-card input:not([type=checkbox]) { background: white; border: 1px solid #cddbe3; border-radius: 12px; box-sizing: border-box; color: #102a43; font: inherit; min-height: 48px; padding: 12px 14px; width: 100%; }
.transfer-card input:focus { outline: 2px solid #00a896; outline-offset: 2px; }
.transfer-card button.wide { border: 0; cursor: pointer; margin-top: 22px; width: 100%; }
.transfer-card button:disabled { cursor: wait; opacity: .6; }
.transfer-phone { align-items: center; display: flex; gap: 12px; }
.transfer-phone span { font-size: 15px; font-weight: 700; }
.transfer-reference { background: #102a43; border-radius: 12px; color: white; display: block; font-size: 17px; line-height: 1.7; margin: 16px 0; overflow-wrap: anywhere; padding: 16px; user-select: all; }
.transfer-card .transfer-consent { align-items: flex-start; display: flex; font-weight: 400; gap: 10px; line-height: 1.6; }
.transfer-consent input { accent-color: #007f73; margin-top: 4px; }
.transfer-link { background: none; border: 0; color: #007f73; cursor: pointer; font: inherit; font-size: 13px; margin: 18px 20px 0 0; padding: 4px 0; text-decoration: underline; }
.transfer-message { color: #a93e3e; line-height: 1.7; overflow-wrap: anywhere; }
.transfer-help { color: #718596; font-size: 13px; line-height: 1.7; }
.transfer-help a { color: #007f73; }
@media(max-width:600px) { .transfer-page { padding: 24px 16px 48px; } .transfer-card { border-radius: 18px; padding: 22px 18px; } .transfer-details .iban { font-size: 17px; } .transfer-card h2 { font-size: 21px; } }