:root{
  --sand-50:#FBF7EE;--sand-100:#F5ECD8;--sand-200:#EBDCBD;--sand-300:#DCC596;
  --clay-400:#C9A36B;--clay-500:#B5853F;--clay-600:#9A6B2C;--clay-700:#7A521F;
  --earth-800:#5A3D1A;--earth-900:#3D2911;
  --amber:#E8A317;--amber-bright:#F5B82E;--honey:#F0C33C;
  --ink:#3A2D18;--ink-soft:#6B5A40;--green:#5C7A3A;--red:#B5483A;--white:#fff;
  --shadow-md:0 4px 16px rgba(90,61,26,.13);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Be Vietnam Pro',sans-serif;color:var(--ink);background:var(--sand-50);min-height:100vh;display:flex;-webkit-font-smoothing:antialiased}
.split{display:flex;width:100%;min-height:100vh}

/* SOL — hangar atmosferi */
.visual{flex:1;position:relative;background:linear-gradient(160deg,var(--earth-900),var(--earth-800) 60%,var(--clay-700));overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 52px;color:var(--sand-100)}
.visual::before{content:"";position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120' viewBox='0 0 160 120'%3E%3Cg fill='none' stroke='%23F5ECD8' stroke-width='1.3'%3E%3Cline x1='0' y1='30' x2='160' y2='30'/%3E%3Cline x1='0' y1='70' x2='160' y2='70'/%3E%3Cline x1='0' y1='110' x2='160' y2='110'/%3E%3Cline x1='10' y1='0' x2='10' y2='120'/%3E%3Cline x1='150' y1='0' x2='150' y2='120'/%3E%3Crect x='24' y='38' width='24' height='28'/%3E%3Crect x='54' y='44' width='18' height='22'/%3E%3Crect x='94' y='36' width='28' height='30'/%3E%3Crect x='30' y='78' width='32' height='28'/%3E%3Crect x='104' y='80' width='22' height='26'/%3E%3C/g%3E%3C/svg%3E");background-size:340px 255px}
.visual::after{content:"";position:absolute;top:-10%;right:-15%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(245,184,46,.32),transparent 65%);pointer-events:none}
.v-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px}
.v-logo{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--amber-bright),var(--clay-500));display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 18px rgba(232,163,23,.5)}
.v-top h1{font-family:'Fraunces',serif;font-size:24px;font-weight:600;line-height:1}
.v-top span{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--clay-400);font-weight:600}
.v-mid{position:relative;z-index:2;max-width:440px}
.v-mid .tag{display:inline-flex;align-items:center;gap:7px;background:rgba(245,236,216,.12);border:1px solid rgba(245,236,216,.2);padding:6px 14px;border-radius:30px;font-size:12.5px;font-weight:600;margin-bottom:22px}
.v-mid .dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(92,122,58,.6)}70%{box-shadow:0 0 0 8px rgba(92,122,58,0)}100%{box-shadow:0 0 0 0 rgba(92,122,58,0)}}
.v-mid h2{font-family:'Fraunces',serif;font-size:40px;font-weight:600;line-height:1.15;margin-bottom:16px}
.v-mid h2 em{color:var(--honey);font-style:normal}
.v-mid p{font-size:15px;line-height:1.65;color:var(--sand-200);opacity:.92}
.v-feats{position:relative;z-index:2;display:flex;gap:26px;flex-wrap:wrap}
.v-feat{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--sand-200)}
.v-feat .fi{width:36px;height:36px;border-radius:10px;background:rgba(245,236,216,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px}

/* SAĞ — form */
.panel{width:480px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:48px 56px;position:relative;background:var(--sand-50)}
.panel::before{content:"";position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='none' stroke='%239A6B2C' stroke-width='1'%3E%3Crect x='8' y='8' width='34' height='24' rx='2'/%3E%3Crect x='8' y='36' width='34' height='24' rx='2'/%3E%3Crect x='54' y='8' width='34' height='22' rx='2'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 180px;pointer-events:none}
.form-wrap{position:relative;z-index:2;width:100%;max-width:360px;margin:0 auto}
.f-head{margin-bottom:28px}
.f-head h3{font-family:'Fraunces',serif;font-size:28px;font-weight:600;color:var(--earth-900);margin-bottom:6px}
.f-head p{font-size:14px;color:var(--ink-soft)}
.field{margin-bottom:18px}
.field label{display:block;font-size:13px;font-weight:600;color:var(--clay-700);margin-bottom:7px}
.input-box{position:relative}
.input-box input{width:100%;padding:13px 16px;border-radius:12px;border:1.5px solid var(--sand-300);background:var(--white);font-size:14.5px;font-family:inherit;color:var(--ink);transition:all .18s}
.input-box input::placeholder{color:var(--clay-400)}
.input-box input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 4px rgba(232,163,23,.14)}
.input-box .eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.5;user-select:none}
.btn{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--amber-bright),var(--clay-500));color:var(--earth-900);font-size:15.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 18px rgba(232,163,23,.38);margin-top:6px}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(232,163,23,.46)}
.divider{display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--clay-400);font-size:12px;font-weight:600}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--sand-300)}
.secure-note{background:rgba(92,122,58,.1);border:1px solid rgba(92,122,58,.25);border-radius:11px;padding:12px 14px;font-size:12.5px;color:var(--earth-800);line-height:1.5}
.f-foot{text-align:center;margin-top:28px;font-size:12.5px;color:var(--ink-soft)}
.login-hata{background:rgba(181,72,58,.1);border:1px solid rgba(181,72,58,.3);color:#7a2c22;padding:12px 15px;border-radius:11px;font-size:13.5px;margin-bottom:20px}
/* 2FA */
.back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--clay-600);font-weight:600;text-decoration:none;margin-bottom:18px}
.back-btn:hover{color:var(--amber)}
.otp-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--honey),var(--clay-500));display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:18px;box-shadow:var(--shadow-md)}
.otp-single{width:100%;text-align:center;font-size:30px;font-weight:700;font-family:'Fraunces',serif;letter-spacing:14px;border:1.5px solid var(--sand-300);border-radius:14px;background:var(--white);color:var(--earth-900);padding:16px;margin:8px 0 18px;transition:all .18s}
.otp-single:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 4px rgba(232,163,23,.14)}
.resend{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:14px}
.resend a{color:var(--clay-600);font-weight:600;text-decoration:none}
@media(max-width:920px){.visual{display:none}.panel{width:100%}}

/* Güvenilir cihaz checkbox (2FA ekranı) */
.guven-sat{display:flex;align-items:center;gap:9px;margin:14px 0 4px;cursor:pointer;font-size:13.5px;color:#6B5A40;text-align:left}
.guven-sat input{width:17px;height:17px;accent-color:#5C7A3A;cursor:pointer;flex-shrink:0}
.guven-sat span{line-height:1.3}