.resanad-form{
	--resanad-teal:#2CA6A4;
	--resanad-teal-dark:#25918f;
	--resanad-border:#e2e8f0;
	--resanad-text:#1f2937;
	--resanad-muted:#6b7280;
	max-width:560px;
	margin:0 auto;
	font-family:Arial,Helvetica,sans-serif;
	color:var(--resanad-text);
	box-sizing:border-box;
}
.resanad-form *{box-sizing:border-box;}

.resanad-field{margin-bottom:20px;}
.resanad-field > label{
	display:block;
	font-weight:700;
	font-size:14px;
	margin-bottom:8px;
}

.resanad-input,
.resanad-select select{
	width:100%;
	padding:14px 16px;
	border:1px solid var(--resanad-border);
	border-radius:12px;
	font-size:15px;
	color:var(--resanad-text);
	background:#fff;
	outline:none;
	transition:border-color .15s, box-shadow .15s;
}
.resanad-input::placeholder{color:#9ca3af;}
.resanad-input:focus,
.resanad-select select:focus{
	border-color:var(--resanad-teal);
	box-shadow:0 0 0 3px rgba(44,166,164,.15);
}

.resanad-select{position:relative;}
.resanad-select select{appearance:none;-webkit-appearance:none;padding-right:40px;}
.resanad-select::after{
	content:"";
	position:absolute;
	right:18px;top:50%;
	width:9px;height:9px;
	border-right:2px solid var(--resanad-muted);
	border-bottom:2px solid var(--resanad-muted);
	transform:translateY(-70%) rotate(45deg);
	pointer-events:none;
}

.resanad-amounts{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:12px;
}
.resanad-amount{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
	padding:16px 8px;
	min-height:80px;
	border:1px solid var(--resanad-border);
	border-radius:12px;
	background:#fff;
	cursor:pointer;
	text-align:center;
	transition:border-color .15s, background .15s, color .15s;
}
.resanad-amount:hover{border-color:var(--resanad-teal);}
.resanad-amount.is-active{
	background:var(--resanad-teal);
	border-color:var(--resanad-teal);
	color:#fff;
}
.resanad-amount-value{font-weight:700;font-size:15px;line-height:1.1;}
.resanad-amount-label{font-size:11px;color:var(--resanad-muted);line-height:1.2;}
.resanad-amount.is-active .resanad-amount-label{color:rgba(255,255,255,.9);}
.resanad-amount-custom .resanad-pencil{color:var(--resanad-teal);font-size:18px;}
.resanad-amount-custom.is-active .resanad-pencil{color:#fff;}

.resanad-custom-wrap{margin-top:12px;}

.resanad-row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px;
}

.resanad-error{
	background:#fef2f2;
	border:1px solid #fecaca;
	color:#b91c1c;
	padding:12px 14px;
	border-radius:10px;
	font-size:14px;
	margin-bottom:16px;
}

.resanad-submit{
	position:relative;
	width:100%;
	border:none;
	border-radius:14px;
	background:var(--resanad-teal);
	color:#fff;
	font-size:17px;
	font-weight:700;
	padding:18px;
	cursor:pointer;
	transition:background .15s;
}
.resanad-submit:hover{background:var(--resanad-teal-dark);}
.resanad-submit:disabled{opacity:.75;cursor:default;}

.resanad-submit-spinner{
	display:none;
	position:absolute;
	right:20px;top:50%;
	width:18px;height:18px;
	margin-top:-9px;
	border:2px solid rgba(255,255,255,.4);
	border-top-color:#fff;
	border-radius:50%;
	animation:resanad-spin .7s linear infinite;
}
.resanad-form.is-loading .resanad-submit-spinner{display:inline-block;}
@keyframes resanad-spin{to{transform:rotate(360deg);}}

.resanad-foot{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:18px;
}
.resanad-secured{color:var(--resanad-teal);font-weight:700;font-size:13px;}
.resanad-cards{display:flex;gap:10px;}
.resanad-card{
	border:1px solid var(--resanad-border);
	border-radius:8px;
	padding:8px 16px;
	font-weight:700;
	font-size:13px;
	color:var(--resanad-text);
	letter-spacing:.5px;
}

@media(max-width:520px){
	.resanad-amounts{grid-template-columns:repeat(2,1fr);}
	.resanad-row{grid-template-columns:1fr;}
}