*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }:root {	--bg: #f0f2f5;	--surface: #ffffff;	--surface2: #f7f8fa;	--border: #e4e7ec;	--border-hover: #c9cdd5;	--accent: #EA7F06;	--accent-light: #fff4e5;	--accent-mid: rgba(234,127,6,0.14);	--accent-dark: #c96e05;	--text: #111827;	--text-sec: #4b5563;	--muted: #9ca3af;	--error: #ef4444;	--error-bg: #fff5f5;	--success: #10b981;	--success-bg: #f0fdf8;	--radius: 10px;	--radius-lg: 16px;	--shadow-md: 0 4px 16px rgba(0,0,0,.07), 0 2px 6px rgba(0,0,0,.04);	--shadow-lg: 0 12px 40px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.05);}html { scroll-behavior: smooth; }body {	background: var(--bg);	color: var(--text);	font-family: 'DM Sans', sans-serif;	font-size: 15px;	line-height: 1.6;	min-height: 100vh;}.cad-wrapper {	max-width: 820px;	margin: 0 auto;	padding: 32px 20px 64px;}.cad-heading {	text-align: center;	margin-bottom: 28px;	animation: fadeUp .4s ease both;}.cad-eyebrow {	display: inline-block;	font-size: 11px;	font-weight: 600;	letter-spacing: 2px;	text-transform: uppercase;	color: var(--accent);	background: var(--accent-light);	border: 1px solid rgba(234,127,6,0.22);	padding: 4px 14px;	border-radius: 100px;	margin-bottom: 12px;}.cad-heading h1 {	font-family: 'Syne', sans-serif;	font-size: clamp(24px, 3vw, 34px);	font-weight: 700;	letter-spacing: -0.7px;	color: var(--text);}.cad-heading p {	color: var(--text-sec);	font-size: 14.5px;	margin-top: 6px;}.fb-btn {	display: flex;	align-items: center;	justify-content: center;	gap: 9px;	width: 100%;	max-width: 300px;	margin: 0 auto 24px;	padding: 11px 22px;	background: #1877F2;	border: none;	border-radius: var(--radius);	color: #fff;	font-family: 'DM Sans', sans-serif;	font-size: 14px;	font-weight: 500;	text-decoration: none;	cursor: pointer;	box-shadow: 0 1px 3px rgba(0,0,0,.06);	transition: filter .2s, transform .15s;}.fb-btn:hover { filter: brightness(1.07); transform: translateY(-1px); }.divider {	display: flex;	align-items: center;	gap: 12px;	margin-bottom: 24px;}.divider::before,.divider::after { content: ''; flex: 1; height: 1px; background: var(--border); }.divider span {	font-size: 11px;	color: var(--muted);	letter-spacing: 1.2px;	text-transform: uppercase;	white-space: nowrap;}.form-card {	background: var(--surface);	border: 1px solid var(--border);	border-radius: var(--radius-lg);	box-shadow: var(--shadow-md);	overflow: hidden;}.sec-header {	display: flex;	align-items: center;	gap: 10px;	padding: 14px 24px;	background: var(--surface2);	border-bottom: 1px solid var(--border);}.sec-icon {	width: 30px;	height: 30px;	background: var(--accent-light);	border-radius: 7px;	display: grid;	place-items: center;	color: var(--accent);	flex-shrink: 0;}.sec-title {	font-family: 'Syne', sans-serif;	font-size: 11px;	font-weight: 700;	letter-spacing: 1.6px;	text-transform: uppercase;	color: var(--text-sec);}.sec-body { padding: 20px 24px 24px; }.fg { display: grid; gap: 14px 18px; }.fg-2 { grid-template-columns: 1fr 1fr; }.fg-3 { grid-template-columns: 1fr 1fr 1fr; }.s2 { grid-column: span 2; }.field { display: flex; flex-direction: column; gap: 5px; }.field label {	font-size: 11px;	font-weight: 600;	letter-spacing: 0.6px;	text-transform: uppercase;	color: var(--text-sec);	user-select: none;}.field label .req { color: var(--accent); }.iw { position: relative; }.iw .ico {	position: absolute;	left: 16px;	top: 50%;	transform: translateY(-50%);	color: var(--muted);	pointer-events: none;	display: flex;	z-index: 2;	transition: color .18s;}.iw:focus-within .ico { color: var(--accent); }.field input,.field select {	width: 100%;	background: var(--surface2);	border: 1.5px solid var(--border);	border-radius: var(--radius);	color: var(--text);	font-family: 'DM Sans', sans-serif;	font-size: 14px;	padding: 10px 13px 10px 48px;	outline: none;	transition: border-color .18s, box-shadow .18s, background .18s;	-webkit-appearance: none;	appearance: none;	min-height: 48px;	line-height: 1.4;}.field select {	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");	background-repeat: no-repeat;	background-position: right 12px center;	background-color: var(--surface2);	padding-right: 34px;	cursor: pointer;}.field input:hover:not(:focus),.field select:hover:not(:focus) {	border-color: var(--border-hover);	background: #fff;}.field input:focus,.field select:focus {	border-color: var(--accent);	box-shadow: 0 0 0 3px var(--accent-mid);	background: #fff;}.field input.filled:not(:focus) {	border-color: rgba(16,185,129,.4);	background: var(--success-bg);}.field input.error,.field select.error {	border-color: var(--error);	background: var(--error-bg);	box-shadow: 0 0 0 3px rgba(239,68,68,.08);}.cep-wrap { position: relative; }.cep-wrap input { padding-right: 46px; }.cep-spin {	position: absolute;	right: 14px;	top: 50%;	width: 16px;	height: 16px;	margin-top: -8px;	border: 2px solid var(--border);	border-top-color: var(--accent);	border-radius: 50%;	animation: spin .6s linear infinite;	display: none;	z-index: 3;}.cep-wrap.loading .cep-spin { display: block; }.cep-ok {	position: absolute;	right: 14px;	top: 50%;	transform: translateY(-50%);	color: var(--success);	display: none;	z-index: 3;}.cep-wrap.ok .cep-ok { display: flex; }.cep-link {	font-size: 11px;	color: var(--accent);	text-decoration: none;	margin-top: 3px;	display: inline-block;}.cep-link:hover { text-decoration: underline; }.pwd-meter { display: flex; gap: 4px; margin-top: 6px; }.pwd-meter span { flex: 1; height: 3px; background: var(--border); border-radius: 99px; }.pwd-meter.s1 span:nth-child(1) { background: var(--error); }.pwd-meter.s2 span:nth-child(-n+2) { background: #f59e0b; }.pwd-meter.s3 span:nth-child(-n+3) { background: #84cc16; }.pwd-meter.s4 span { background: var(--success); }.pwd-hint {	font-size: 11px;	color: var(--muted);	margin-top: 3px;	min-height: 14px;}.card-div { height: 1px; background: var(--border); }.checks-area { padding: 18px 24px 20px; }.chk {	display: flex;	align-items: flex-start;	gap: 10px;	cursor: pointer;	margin-bottom: 12px;}.chk input[type="checkbox"] {	position: absolute;	opacity: 0;	width: 0;	height: 0;}.chk-box {	width: 18px;	height: 18px;	border: 1.5px solid var(--border-hover);	border-radius: 5px;	background: var(--surface2);	display: grid;	place-items: center;	flex-shrink: 0;	margin-top: 2px;}.chk input:checked + .chk-box {	background: var(--accent);	border-color: var(--accent);}.chk input:checked + .chk-box::after {	content: '';	width: 4px;	height: 8px;	border: 2px solid #fff;	border-top: none;	border-left: none;	transform: rotate(45deg) translateY(-1px);}.chk-txt {	font-size: 13.5px;	color: var(--text-sec);	line-height: 1.5;}.chk-txt a { color: var(--accent); text-decoration: none; font-weight: 500; }.submit-area {	display: flex;	align-items: center;	justify-content: space-between;	gap: 16px;	flex-wrap: wrap;	padding: 18px 24px 22px;	background: var(--surface2);	border-top: 1px solid var(--border);}.btn-submit {	display: inline-flex;	align-items: center;	justify-content: center;	gap: 8px;	padding: 12px 30px;	background: var(--accent);	border: none;	border-radius: var(--radius);	color: #fff;	font-family: 'Syne', sans-serif;	font-size: 13.5px;	font-weight: 700;	letter-spacing: 0.7px;	text-transform: uppercase;	cursor: pointer;	box-shadow: 0 4px 14px rgba(234,127,6,.28);	transition: background .18s, transform .14s, box-shadow .18s;	min-width: 190px;}.btn-submit:hover {	background: var(--accent-dark);	transform: translateY(-2px);	box-shadow: 0 8px 22px rgba(234,127,6,.32);}.btn-submit.loading { pointer-events: none; opacity: .72; }.login-hint { font-size: 13px; color: var(--muted); }.login-hint a { color: var(--accent); font-weight: 500; text-decoration: none; }.toast {	position: fixed;	bottom: 22px;	right: 22px;	z-index: 9999;	padding: 12px 16px;	border-radius: var(--radius);	font-size: 13.5px;	font-weight: 500;	display: flex;	align-items: center;	gap: 9px;	transform: translateY(60px);	opacity: 0;	transition: transform .3s cubic-bezier(.34,1.45,.64,1), opacity .28s;	max-width: 330px;	pointer-events: none;	box-shadow: var(--shadow-lg);}.toast.show { transform: translateY(0); opacity: 1; pointer-events: auto; }.toast.success { background: #fff; border-left: 3px solid var(--success); color: #065f46; }.toast.error { background: #fff; border-left: 3px solid var(--error); color: #991b1b; }@keyframes fadeUp {	from { opacity: 0; transform: translateY(14px); }	to { opacity: 1; transform: translateY(0); }}@keyframes spin { to { transform: rotate(360deg); } }@media (max-width: 620px) {	.cad-wrapper { padding: 20px 12px 56px; }	.sec-body, .checks-area, .submit-area { padding-left: 16px; padding-right: 16px; }	.fg-2, .fg-3 { grid-template-columns: 1fr; }	.s2 { grid-column: span 1; }	.submit-area { flex-direction: column-reverse; align-items: stretch; }	.btn-submit { min-width: auto; }}#loading { display: none; }