.elt-search-widget {
	--elt-primary: #7c3aed;
	--elt-accent: #22c55e;
	--elt-ink: #14121f;
	--elt-muted: #6b7280;
	max-width: 580px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 24px;
	padding: 40px 36px;
	box-shadow: 0 20px 60px -12px rgba(124, 58, 237, 0.18), 0 4px 16px rgba(20, 18, 31, 0.05);
	border: 1px solid rgba(124, 58, 237, 0.08);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Helvetica Neue", Arial, sans-serif;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.elt-search-widget::before {
	content: "";
	position: absolute;
	top: -80px;
	right: -80px;
	width: 220px;
	height: 220px;
	background: radial-gradient(circle, var(--elt-primary) 0%, transparent 70%);
	opacity: 0.08;
	pointer-events: none;
}
.elt-search-widget * { box-sizing: border-box; }

.elt-search-header {
	text-align: center;
	margin-bottom: 26px;
	position: relative;
}
.elt-search-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 16px;
	background: linear-gradient(135deg, var(--elt-primary), #a855f7);
	font-size: 24px;
	margin-bottom: 14px;
	box-shadow: 0 8px 20px -6px rgba(124, 58, 237, 0.5);
}
.elt-search-header h3 {
	font-size: 22px;
	margin: 0 0 8px;
	color: var(--elt-ink);
	font-weight: 800;
	letter-spacing: -0.02em;
}
.elt-search-header p {
	color: var(--elt-muted);
	font-size: 14.5px;
	margin: 0;
	line-height: 1.6;
}

.elt-search-input-wrap {
	display: flex;
	gap: 8px;
	background: #f8f8fc;
	border: 2px solid #eeecf9;
	border-radius: 16px;
	padding: 7px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.elt-search-input-wrap:focus-within {
	border-color: var(--elt-primary);
	background: #ffffff;
	box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.1);
}

#elt-domain-input {
	flex: 1;
	border: none;
	outline: none;
	padding: 13px 16px;
	font-size: 15px;
	background: transparent;
	color: var(--elt-ink);
	min-width: 0;
}
#elt-domain-input::placeholder { color: #a6a6c4; }

#elt-search-btn {
	background: linear-gradient(135deg, var(--elt-primary), #9333ea);
	color: #fff;
	border: none;
	border-radius: 11px;
	padding: 13px 24px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
	white-space: nowrap;
	box-shadow: 0 6px 16px -6px rgba(124, 58, 237, 0.6);
}
#elt-search-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 22px -6px rgba(124, 58, 237, 0.65); }
#elt-search-btn:active { transform: translateY(0); }
#elt-search-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }

.elt-spinner {
	display: none;
	width: 14px;
	height: 14px;
	border: 2px solid rgba(255,255,255,0.5);
	border-top-color: #fff;
	border-radius: 50%;
	animation: elt-spin 0.7s linear infinite;
}
.elt-search-widget.elt-loading .elt-spinner { display: inline-block; }
.elt-search-widget.elt-loading .elt-btn-text { display: none; }

@keyframes elt-spin { to { transform: rotate(360deg); } }

.elt-result-area {
	margin-top: 22px;
}

.elt-result-card {
	border-radius: 18px;
	padding: 24px;
	animation: elt-fade-in 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	border: 1px solid rgba(0,0,0,0.05);
	position: relative;
}

@keyframes elt-fade-in {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

.elt-result-card.elt-status-active   { background: linear-gradient(165deg, #f0fdf4, #ffffff 60%); border-color: #bbf7d0; }
.elt-result-card.elt-status-expiring { background: linear-gradient(165deg, #fffbeb, #ffffff 60%); border-color: #fde68a; }
.elt-result-card.elt-status-expired  { background: linear-gradient(165deg, #fef2f2, #ffffff 60%); border-color: #fecaca; }

.elt-result-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
	gap: 10px;
	flex-wrap: wrap;
}

.elt-result-domain {
	font-weight: 700;
	font-size: 16px;
	color: var(--elt-ink);
}

.elt-result-badge {
	padding: 5px 14px;
	border-radius: 999px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.elt-result-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 16px;
}

.elt-result-item {
	background: rgba(255,255,255,0.75);
	border: 1px solid rgba(0,0,0,0.04);
	border-radius: 12px;
	padding: 11px 13px;
}
.elt-result-item-label {
	font-size: 11px;
	color: #9494ac;
	display: block;
	margin-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.elt-result-item-value {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--elt-ink);
}

.elt-progress-track {
	width: 100%;
	height: 8px;
	border-radius: 999px;
	background: rgba(0,0,0,0.06);
	overflow: hidden;
	margin-top: 4px;
}
.elt-progress-fill {
	height: 100%;
	border-radius: 999px;
	transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.elt-days-remaining {
	text-align: center;
	font-size: 13.5px;
	color: var(--elt-muted);
	margin-top: 10px;
}
.elt-days-remaining strong { color: var(--elt-ink); font-size: 15px; }

.elt-result-error {
	text-align: center;
	padding: 26px 20px;
	background: #fef2f2;
	border: 1.5px dashed #fecaca;
	border-radius: 16px;
	color: #7f1d1d;
	animation: elt-fade-in 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.elt-result-error p { margin: 0 0 14px; font-size: 14px; }

.elt-contact-btn {
	display: inline-block;
	background: linear-gradient(135deg, var(--elt-primary), #9333ea);
	color: #fff !important;
	text-decoration: none;
	padding: 10px 22px;
	border-radius: 11px;
	font-weight: 700;
	font-size: 13.5px;
	box-shadow: 0 6px 16px -6px rgba(124, 58, 237, 0.5);
}

@media (max-width: 480px) {
	.elt-search-widget { padding: 28px 20px; border-radius: 18px; }
	.elt-search-input-wrap { flex-direction: column; }
	#elt-search-btn { justify-content: center; }
	.elt-result-grid { grid-template-columns: 1fr; }
}