:root {
	--bg: #0b0f14;
	--surface: rgba(255, 255, 255, .06);
	--surface-2: rgba(255, 255, 255, .09);
	--surfaceSolid: rgba(17, 24, 39, .72);
	--surfaceSolid2: rgba(17, 24, 39, .86);
	--text: rgba(255, 255, 255, .92);
	--muted: rgba(255, 255, 255, .72);
	--muted-2: rgba(255, 255, 255, .58);
	--border: rgba(255, 255, 255, .14);
	--shadow: 0 18px 45px rgba(0, 0, 0, .45);
	--accent: #7dd3fc;
	--accent-2: #a7f3d0;
	--danger: #fb7185;
	--ok: #86efac;
	--ring: rgba(125, 211, 252, .35);
	--radius: 18px;
	--max: 1120px;
	--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}
[data-theme="light"] {
	--bg: #f7fafc;
	--surface: rgba(15, 23, 42, .05);
	--surface-2: rgba(15, 23, 42, .08);
	--surfaceSolid: rgba(255, 255, 255, .92);
	--surfaceSolid2: rgba(255, 255, 255, .98);
	--text: rgba(15, 23, 42, .92);
	--muted: rgba(15, 23, 42, .70);
	--muted-2: rgba(15, 23, 42, .56);
	--border: rgba(15, 23, 42, .12);
	--shadow: 0 18px 45px rgba(15, 23, 42, .12);
	--accent: #0284c7;
	--accent-2: #059669;
	--ring: rgba(2, 132, 199, .22);
}
* {
	box-sizing: border-box;
}
.card p {
	font-size: var(--text-sm);
}
.card h3 {
	font-size: var(--text-2xl);
}
.hero {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 18px;
	align-items: stretch;
}
@media (max-width: 900px) {
	.hero {
		grid-template-columns: 1fr;
	}
	header {
		position: relative;
	}
}
.emp p:empty {
	display: none;
}
.card {
	border: 1px solid var(--border);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 16px;
	backdrop-filter: blur(10px);
	gap:0;
	-webkit-backdrop-filter: blur(10px);
}
.hero h2 {
	margin: 0 0 20px;
	    font-size: var(--text-4xl);
	line-height: 1.1;
}
.hero p {
	margin: 0 0 16px;
	color: var(--muted);
	font-size: var(--text-sm);
}
.hero p.fine {
	margin:20px 0 0;
}
.badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 5px 0 5px;
}
.banner {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px;
	align-items: start;
	padding: 12px;
	border-radius: 1rem;
	border: 1px solid var(--border);
	background: var(--surfaceSolid2);
	margin-bottom: 14px;
}
.chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .3px;
	background: linear-gradient(135deg, var(--accent), var(--accent-2));
	color: rgba(0, 0, 0, .78);
	width: fit-content;
}
[data-theme="light"] .chip {
	color: rgba(255, 255, 255, .95);
}
.banner b {
	display: block;
	font-size: var(--text-xs);
}
.banner .sub {
	margin: 4px 0 0;
	font-size: 12.5px;
	color: var(--muted);
	text-align: left;
}
.badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 999px;
	border: 1px solid var(--border);
	background: rgba(255, 255, 255, .03);
	font-size: 12.5px;
	color: var(--muted);
}
[data-theme="light"] .badge {
	background: rgba(255, 255, 255, .75);
}
.dot {
	width: 8px;
	min-width: 8px;
	height: 8px;
	border-radius: 999px;
	background: var(--accent);
	box-shadow: 0 0 0 4px rgba(125, 211, 252, .12);
}
.cta {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 18px;
}
.side {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.kpi {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.mini {
	border-radius: 1rem;
	border: 1px solid var(--border);
	background: rgba(255, 255, 255, .03);
	padding: 14px;
}
[data-theme="light"] .mini {
	background: rgba(255, 255, 255, .75);
}
.mini .num {
	font-weight: 700;
	font-size: 18px;
}
.mini .lbl {
	color: var(--muted);
	font-size: var(--text-xs);
	margin-top: 6px;
}
.mini .hint {
	color: var(--muted-2);
	font-size: var(--text-xs);
	margin-top: 8px;
}
section {
	margin-top: 18px;
}
.grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}
@media (max-width: 900px) {
	.grid2 {
		grid-template-columns: 1fr;
	}
}
h3 {
	margin: 0 0 10px;
	font-size: 18px;
}
.lead {
	color: var(--muted);
	margin: 0 0 14px;
}
#apply .lead {
	margin: 0 0 5px;
}
ul.clean {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}
.li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 12px;
	border: 1px solid var(--border);
	background: rgba(255, 255, 255, .03);
	border-radius: 14px;
}
[data-theme="light"] .li {
	background: rgba(255, 255, 255, .75);
}
.icon {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	background: rgba(125, 211, 252, .14);
	border: 1px solid rgba(125, 211, 252, .22);
	flex: 0 0 auto;
}
.icon img {
	max-width: 16px;
}
.li b {
	display: block;
	margin-bottom: 2px;
	font-size: var(--text-lg);
}
.li span {
	color: var(--muted);
	display: block;
}
.timeline {
	display: grid;
	gap: 10px;
}
.step {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 12px;
	padding: 12px;
	border-radius: 14px;
	border: 1px solid var(--border);
	background: rgba(255, 255, 255, .03);
	align-items: center;
}
[data-theme="light"] .step {
	background: rgba(255, 255, 255, .75);
}
.bubble {
	--tw-gradient-position: to right in oklab;
	--tw-gradient-from: var(--color-sky-500);
	--tw-gradient-via: var(--color-blue-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
	--tw-gradient-to: var(--color-violet-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops);	
}
.bubble {
	width: 44px;
	height: 44px;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--accent), var(--accent-2));
	display: grid;
	place-items: center;
	font-weight: 800;
	color: #fff;
	    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow)
	    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
}
[data-theme="light"] .bubble {
	color: rgba(255, 255, 255, .95);
}
.page-form-expert {
	font-size: var(--text-sm);
}
.step h4 {
	margin: 0;
	font-size: var(--text-lg);
}
.step p {
	margin: 3px 0 0;
	color: var(--muted);
	font-size: var(--text-sm);
}
.terms {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}
.callout {
	border-radius: var(--radius);
	border: 1px dashed rgba(125, 211, 252, .45);
	background: var(--surfaceSolid2);
	padding: 16px;
}
.callout b {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.callout .tag {
	font-size: var(--text-xs);
	padding: 4px 8px;
	font-weight: 400;
	border-radius: 999px;
	border: 1px solid var(--border);
	background: rgba(255, 255, 255, .03);
	color: var(--muted);
}
[data-theme="light"] .callout .tag {
	background: rgba(255, 255, 255, .75);
}
.callout p {
	margin: 10px 0 0;
	color: var(--muted);
	font-size: var(--text-sm);
}
form {
	display: grid;
	gap: 16px;
	margin-top: 12px;
}
.form2 .upload {
	margin:0;
}
.submit.bg-gradient-to-r {
	border:0;
	cursor: pointer;
	transition:all linear .25s;
}
.row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
@media (max-width: 700px) {
	.row {
		grid-template-columns: 1fr;
	}
}
label {
	font-size: 12.5px;
	color: var(--muted);
	display: grid;
	gap: 6px;
}
.form2 input, .form2 select, .form2 textarea {
	width: 100%;
	padding: 12px 12px;
	border-radius: 14px;
	border: 1px solid var(--border);
	background: rgba(255, 255, 255, .03);
	color: var(--text);
	outline: none;
}
.form2 input, .form2 select {
	height: 42px;
}
/*.form2 select:hover {
	background: rgba(255, 255, 255, .03);
}*/
[data-theme="light"] input, [data-theme="light"] select, [data-theme="light"] textarea {
	background: rgba(255, 255, 255, .85);
}
textarea {
	min-height: 110px;
	resize: vertical;
}
p {
	margin: 0;
}
.fine {
	color: var(--muted-2);
	font-size: 12px;
	margin-top: 10px;
}
.hr {
	height: 1px;
	background: var(--border);
	margin: 18px 0 0;
	border-radius: 999px;
}
/* Small accessibility improvements */

.sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.page-form-expert {
	padding-top: 10px !important;
}
@media screen and (max-width:767px) { 
.page-form-expert {
	padding-top: 10px !important;
}
	.hero h2 {
		font-size: var(--text-3xl);
	}
	.hero .badge {
		margin-left: 0;
		white-space: unset;
		width: 100%;
	}
	.hero .cta {
		justify-content: center;
	}
	.callout .tag {
		white-space: nowrap;
	}
	.callout b {
		width: 100%;
		justify-content: space-between;
	}
 }
 @media screen and (max-width:360px) {
 	.mini {
 		padding: 10px 8px;
 	}
 	.callout b {
 		flex-wrap: wrap;
 	}
 	.callout b > *:first-child {
 		width: 100%;
 	}
 }