.odela-help-center {
	--odela-orange:#e97924;
	--odela-dark:#111827;
	--odela-text:#344054;
	--odela-muted:#667085;
	--odela-border:#e7e9ee;
	--odela-soft:#fff8f2;
	max-width:1200px;
	margin:0 auto;
	padding:42px 20px 70px;
	font-family:inherit;
	color:var(--odela-text);
}

.odela-help-hero {
	position:relative;
	overflow:hidden;
	border-radius:24px;
	padding:52px 46px;
	background:linear-gradient(135deg,#16181d 0%,#262a31 100%);
	color:#fff;
	margin-bottom:24px;
}

.odela-help-hero:after {
	content:"?";
	position:absolute;
	right:32px;
	top:-44px;
	font-size:220px;
	line-height:1;
	font-weight:800;
	color:rgba(255,255,255,.05);
}

.odela-help-eyebrow {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:7px 11px;
	border-radius:999px;
	background:rgba(233,121,36,.16);
	color:#ffc89d;
	font-size:12px;
	font-weight:700;
	letter-spacing:.07em;
	text-transform:uppercase;
	margin-bottom:14px;
}

.odela-help-hero h1 {
	margin:0 0 10px;
	color:#fff;
	font-size:42px;
	line-height:1.1;
	font-weight:800;
}

.odela-help-hero p {
	max-width:650px;
	margin:0;
	color:rgba(255,255,255,.78);
	font-size:16px;
	line-height:1.7;
}

.odela-help-quick-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:14px;
	margin:0 0 24px;
}

.odela-help-quick-card {
	background:#fff;
	border:1px solid var(--odela-border);
	border-radius:16px;
	padding:20px;
}

.odela-help-quick-icon {
	width:42px;
	height:42px;
	border-radius:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--odela-soft);
	font-size:20px;
	margin-bottom:13px;
}

.odela-help-quick-card h3 {
	margin:0 0 5px;
	font-size:16px;
	color:var(--odela-dark);
}

.odela-help-quick-card p {
	margin:0;
	font-size:13px;
	line-height:1.6;
	color:var(--odela-muted);
}

.odela-help-main {
	display:grid;
	grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
	gap:22px;
	align-items:start;
}

.odela-help-panel {
	background:#fff;
	border:1px solid var(--odela-border);
	border-radius:18px;
	padding:26px;
}

.odela-help-panel h2 {
	margin:0 0 7px;
	font-size:24px;
	color:var(--odela-dark);
}

.odela-help-panel-intro {
	margin:0 0 22px;
	color:var(--odela-muted);
	font-size:14px;
}

.odela-help-alert {
	padding:13px 15px;
	border-radius:10px;
	margin-bottom:18px;
	font-size:13px;
	font-weight:600;
}

.odela-help-success {
	background:#ecfdf3;
	border:1px solid #c8f0d6;
	color:#277a45;
}

.odela-help-error {
	background:#fff1f1;
	border:1px solid #f5cece;
	color:#a33;
}

.odela-help-form-grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:15px;
}

.odela-help-field-full {
	grid-column:1 / -1;
}

.odela-help-field label {
	display:block;
	margin-bottom:6px;
	font-size:12px;
	font-weight:700;
	color:#344054;
}

.odela-help-field input,
.odela-help-field select,
.odela-help-field textarea {
	width:100%;
	min-height:46px;
	padding:11px 13px;
	border:1px solid #d9dde5;
	border-radius:10px;
	background:#fff;
	color:#222;
	font-size:14px;
	outline:none;
	box-sizing:border-box;
}

.odela-help-field textarea {
	min-height:135px;
	resize:vertical;
}

.odela-help-field input:focus,
.odela-help-field select:focus,
.odela-help-field textarea:focus {
	border-color:var(--odela-orange);
	box-shadow:0 0 0 3px rgba(233,121,36,.1);
}

.odela-help-file-note {
	display:block;
	margin-top:5px;
	font-size:11px;
	color:var(--odela-muted);
}

.odela-help-submit {
	width:100%;
	min-height:50px;
	border:0;
	border-radius:10px;
	background:var(--odela-orange);
	color:#fff;
	font-weight:800;
	font-size:14px;
	cursor:pointer;
	margin-top:16px;
}

.odela-help-submit:hover {
	background:#d86d1c;
}

.odela-help-side-card {
	background:var(--odela-dark);
	color:#fff;
	border-radius:18px;
	padding:24px;
	margin-bottom:16px;
}

.odela-help-side-card h3 {
	margin:0 0 8px;
	color:#fff;
	font-size:19px;
}

.odela-help-side-card p {
	color:rgba(255,255,255,.72);
	font-size:13px;
	line-height:1.7;
	margin:0 0 17px;
}

.odela-help-contact-line {
	display:flex;
	gap:10px;
	align-items:flex-start;
	padding:11px 0;
	border-top:1px solid rgba(255,255,255,.1);
	font-size:13px;
}

.odela-help-contact-line strong {
	display:block;
	margin-bottom:2px;
}

.odela-help-faq {
	background:#fff;
	border:1px solid var(--odela-border);
	border-radius:18px;
	padding:22px;
}

.odela-help-faq h3 {
	margin:0 0 12px;
	font-size:18px;
	color:var(--odela-dark);
}

.odela-help-faq details {
	border-top:1px solid var(--odela-border);
	padding:12px 0;
}

.odela-help-faq details:first-of-type {
	border-top:0;
}

.odela-help-faq summary {
	cursor:pointer;
	font-weight:700;
	font-size:13px;
	color:#344054;
}

.odela-help-faq p {
	font-size:12px;
	line-height:1.7;
	color:var(--odela-muted);
	margin:8px 0 0;
}

@media(max-width:900px){
	.odela-help-quick-grid {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.odela-help-main {
		grid-template-columns:1fr;
	}
}

@media(max-width:620px){
	.odela-help-center {
		padding:24px 14px 50px;
	}

	.odela-help-hero {
		padding:34px 24px;
		border-radius:18px;
	}

	.odela-help-hero h1 {
		font-size:31px;
	}

	.odela-help-quick-grid {
		grid-template-columns:1fr;
	}

	.odela-help-form-grid {
		grid-template-columns:1fr;
	}

	.odela-help-field-full {
		grid-column:auto;
	}

	.odela-help-panel {
		padding:20px;
	}
}