/* Azadel Auth — borang pendaftaran
   Breakpoint Enfold: ≤959px mobile, ≥960px desktop. BUKAN 768px. */

.aau-page { padding: 48px 16px 72px; background: #f6f8fa; }
.aau-page--inline { padding: 0; background: none; }

.aau-card {
    max-width: 420px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 32px 28px;
    box-shadow: 0 1px 3px rgba(16,24,40,.04);
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
}

.aau-title { font-size: 22px; font-weight: 700; color: #0f172a; margin: 0 0 6px; line-height: 1.3; }
.aau-sub   { font-size: 14px; color: #64748b; margin: 0 0 24px; line-height: 1.55; }

.aau-label { display: block; font-size: 13px; font-weight: 600; color: #334155; margin: 0 0 6px; }

.aau-input {
    width: 100%;
    padding: 11px 13px;
    font-size: 15px;
    font-family: inherit;
    color: #0f172a;
    background: #fff;
    border: 1px solid #d7dde3;
    border-radius: 9px;
    margin-bottom: 18px;
    transition: border-color .15s, box-shadow .15s;
}
.aau-input:focus {
    outline: none;
    border-color: #0095d3;
    box-shadow: 0 0 0 3px rgba(0,149,211,.14);
}
.aau-input--code {
    text-align: center;
    letter-spacing: .42em;
    font-size: 26px;
    font-weight: 700;
    padding-left: .42em; /* imbangi jarak huruf supaya teks kekal di tengah */
}

.aau-btn {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    color: #fff;
    background: #0095d3;
    border: none;
    border-radius: 9px;
    cursor: pointer;
    transition: background .15s;
}
.aau-btn:hover:not(:disabled) { background: #007cb0; }
.aau-btn:disabled { opacity: .55; cursor: not-allowed; }

.aau-alt { font-size: 13px; color: #64748b; text-align: center; margin: 16px 0 0; }
.aau-alt a, .aau-link { color: #0095d3; font-weight: 600; text-decoration: none; }
.aau-link { background: none; border: none; padding: 0; font: inherit; font-weight: 600; cursor: pointer; }
.aau-alt a:hover, .aau-link:hover { text-decoration: underline; }
.aau-sep { margin: 0 6px; color: #cbd5e1; }

.aau-msg { font-size: 13.5px; line-height: 1.5; margin-top: 14px; padding: 0; }
.aau-msg:empty { display: none; }
.aau-msg--ralat { color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: 10px 12px; }
.aau-msg--ok    { color: #166534; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 10px 12px; }

.aau-turnstile { margin-bottom: 18px; }

/* Google */
.aau-btn-google {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 11px 16px;
    margin-bottom: 6px;
    font-size: 14.5px;
    font-weight: 600;
    font-family: inherit;
    color: #1f2937;
    background: #fff;
    border: 1px solid #d7dde3;
    border-radius: 9px;
    text-decoration: none;
    transition: background .15s, border-color .15s;
}
.aau-btn-google:hover { background: #f8fafc; border-color: #c3ccd4; color: #1f2937; }
.aau-btn-google svg { flex-shrink: 0; }

.aau-pisah { display: flex; align-items: center; gap: 12px; margin: 20px 0 18px; }
.aau-pisah::before, .aau-pisah::after { content: ""; flex: 1; height: 1px; background: #e8ecef; }
.aau-pisah span { font-size: 12px; color: #94a3b8; text-transform: uppercase; letter-spacing: .05em; }

/* Honeypot — di luar skrin, bukan display:none (sesetengah bot melangkau yang tersembunyi) */
.aau-hp { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; }

@media (max-width: 959px) {
    .aau-page { padding: 24px 14px 56px; }
    .aau-card { padding: 24px 18px; border-radius: 12px; }
    .aau-title { font-size: 20px; }
}


/* ── Tab: Daftar / Log masuk (halaman /register/) ─────────────────────────── */

.aau-tab {
	display: flex;
	gap: 4px;
	background: #f1f5f9;
	border-radius: 10px;
	padding: 4px;
	margin: 0 0 18px;
}

.aau-tab__btn {
	flex: 1;
	border: 0;
	background: transparent;
	padding: 9px 10px;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 600;
	color: #64748b;
	cursor: pointer;
}

.aau-tab__btn.is-aktif {
	background: #fff;
	color: #0f172a;
	box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
}

#aauPaneLogin[hidden],
#aauPaneDaftar[hidden] { display: none; }