* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px; background: #0f1115; font-family: "Segoe UI", system-ui, -apple-system, sans-serif; color: #1d2330; }
.box { width: 100%; max-width: 380px; background: #fff; border-radius: 16px; padding: 32px 28px; display: flex; flex-direction: column; gap: 14px; }
.logo { width: 150px; align-self: center; filter: invert(1); }
.sub { text-align: center; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #2d4bff; font-weight: 600; margin-top: -6px; }
h1 { font-size: 20px; margin: 10px 0 0; }
.muted { color: #6b7280; margin: 0; font-size: 14px; }
label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; }
input { font: inherit; font-weight: 400; padding: 11px 12px; border: 1px solid #e4e7ec; border-radius: 8px; font-size: 15px; }
input:focus { outline: 2px solid #2d4bff; border-color: transparent; }
button { font: inherit; font-weight: 600; padding: 12px; border: 0; border-radius: 8px; background: #2d4bff; color: #fff; cursor: pointer; font-size: 15px; }
button:disabled { opacity: .6; }
.err { color: #d64545; font-size: 13px; min-height: 1em; }
.kvkk { text-align: center; font-size: 12px; color: #6b7280; }
.apply { max-width: 460px; }
.apply select, .apply textarea { font: inherit; font-weight: 400; padding: 11px 12px; border: 1px solid #e4e7ec; border-radius: 8px; font-size: 15px; background: #fff; }
.apply .two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.apply .check { flex-direction: row; align-items: flex-start; font-weight: 400; gap: 8px; }
.apply .check input { margin-top: 3px; }
.apply a { color: #2d4bff; }
.hp { position: absolute; left: -9999px; }
.hidden { display: none !important; }
@media (max-width: 420px) { .apply .two { grid-template-columns: 1fr; } }