/* Auth screens (Login / Register / Forgot / Reset) — shared styles */
.gx-auth{
    --teal:#0F5245; --teal-700:#14624F; --gold:#BD890B; --gold-soft:#E7C572;
    --cream:#F7F4EC; --ink:#17251F; --muted:#5E6E67; --line:#E7E0D0; --field-line:#DED7C6;
    padding:24px 16px 56px;
}
.gx-auth *{box-sizing:border-box}
.gx-card{
    max-width:1000px; margin:0 auto; background:var(--cream); border:1px solid var(--line);
    border-radius:22px; overflow:hidden; box-shadow:0 30px 70px -30px rgba(10,58,49,.45);
    display:grid; grid-template-columns:1.02fr .98fr; min-height:568px; text-align:left;
}
/* left panel */
.gx-panel{
    position:relative; overflow:hidden; color:#EFE7D3;
    /* Yol auth.css'e göredir: assets/css/ -> assets/images/bg/Test1.webp */
    background-color:#0c463a;
    background-image:
            linear-gradient(180deg, rgba(8,45,37,.48) 0%, rgba(8,45,37,.40) 38%),
            url('../images/bg/Test1.webp');
    background-size:cover; background-position:center; background-repeat:no-repeat;
    padding:38px 40px 40px; display:flex; flex-direction:column; gap:20px;
}
.gx-brand{position:relative; display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.14em; font-size:12px; text-transform:uppercase; color:var(--gold-soft)}
.gx-brand .d{width:8px;height:8px;border-radius:50%;background:var(--gold-soft);box-shadow:0 0 0 4px rgba(231,197,114,.18)}
.gx-h1{position:relative; margin:6px 0 0; font-family:"Poppins",system-ui,sans-serif; font-size:clamp(28px,3.2vw,40px); line-height:1.05; font-weight:700; letter-spacing:-.02em; color:#FBF6EA; text-wrap:balance}
.gx-h1 em{font-style:normal; color:var(--gold-soft)}
.gx-lede{position:relative; margin:14px 0 0; color:#CBD8CF; font-size:14.5px; line-height:1.55; max-width:34ch}
.gx-trust{position:relative; z-index:2; display:flex; flex-direction:column; gap:9px; margin-top:auto}
.gx-stars{display:flex; align-items:center; gap:9px; font-size:13.5px; color:#EAF1EA}
.gx-stars b{color:#FBF6EA}
.gx-stars .s{color:var(--gold-soft); letter-spacing:3px; font-size:12px}
.gx-lic{display:inline-flex; align-items:center; gap:8px; font-size:12px; color:#AEC1B8}
.gx-lic .chip{border:1px solid rgba(231,197,114,.45); color:var(--gold-soft); border-radius:6px; padding:2px 7px; font-weight:600}
/* right form */
.gx-form{background:var(--cream); padding:42px 46px; display:flex; flex-direction:column; justify-content:center}
.gx-eyebrow{font-size:11.5px; text-transform:uppercase; letter-spacing:.16em; color:var(--gold); font-weight:700}
.gx-title{font-family:"Poppins",system-ui,sans-serif; margin:9px 0 4px; font-size:25px; font-weight:700; letter-spacing:-.02em; color:var(--ink)}
.gx-sub{margin:0 0 20px; color:var(--muted); font-size:14px}
.gx-auth .desc{display:block; font-size:13px; margin-bottom:12px}
.gx-field{display:flex; flex-direction:column; gap:6px; margin-bottom:14px}
.gx-field label{font-size:11.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); font-weight:600}
.gx-auth .gx-req{color:#dc3545; margin-left:2px; font-weight:700}
.gx-auth .gx-input{
    font:15px/1.2 "DM Sans",system-ui,sans-serif; color:var(--ink); background:#fff;
    border:1px solid var(--field-line); border-radius:11px; padding:13px 14px; width:100%; height:auto;
    transition:border-color .16s, box-shadow .16s;
}
.gx-auth .gx-input::placeholder{color:#A9B4AE}
.gx-auth .gx-input:focus{outline:none; border-color:var(--teal); box-shadow:0 0 0 3px rgba(189,137,11,.28)}
.gx-row2{display:grid; grid-template-columns:.85fr 1.15fr; gap:12px}
.gx-between{display:flex; align-items:center; justify-content:space-between; margin:2px 0 18px}
.gx-check{display:flex; align-items:center; gap:8px; color:var(--muted); font-size:13.5px; margin:0}
.gx-check input{width:16px;height:16px;accent-color:var(--teal)}
.gx-auth a.gx-link{color:var(--gold); text-decoration:none; font-size:13.5px; font-weight:600}
.gx-auth a.gx-link:hover{text-decoration:underline}
.gx-auth .gx-btn{
    font:600 15px/1 "DM Sans",system-ui,sans-serif; display:block; text-align:center;
    width:100%; border:0; border-radius:11px; padding:15px; cursor:pointer; color:#F4EFE2;
    background:linear-gradient(180deg,var(--teal-700),var(--teal)); box-shadow:0 10px 22px -10px rgba(15,82,69,.7);
    transition:filter .16s; text-decoration:none;
}
.gx-auth .gx-btn:hover{filter:brightness(1.06); color:#F4EFE2}
.gx-alt{margin:18px 0 0; text-align:center; font-size:13.5px; color:var(--muted)}
.gx-terms{margin:12px 0 0; font-size:11.5px; color:var(--muted); line-height:1.5}
.gx-terms a{color:var(--teal); text-decoration:none}
.gx-back{display:inline-flex; align-items:center; gap:6px; margin-bottom:14px; color:var(--muted); font-size:13px; text-decoration:none}
.gx-back:hover{color:var(--ink)}
.gx-err{display:block; color:#b3261e; font-size:13px; margin-bottom:12px}
/* social login */
.gx-or{display:flex; align-items:center; gap:12px; margin:20px 0 14px; color:var(--muted); font-size:11.5px; text-transform:uppercase; letter-spacing:.1em}
.gx-or::before,.gx-or::after{content:""; flex:1; height:1px; background:var(--line)}
.gx-socials{display:flex; gap:10px}
.gx-auth a.gx-social{
    flex:1 1 0; min-width:0;
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:11px 12px; border-radius:11px; border:1px solid var(--field-line); background:#fff;
    color:var(--ink); font:600 14.5px/1 "DM Sans",system-ui,sans-serif; text-decoration:none;
    transition:background .16s, border-color .16s, box-shadow .16s;
}
.gx-auth a.gx-social:hover{background:#faf8f2; box-shadow:0 6px 16px -10px rgba(15,82,69,.5)}
.gx-social-ic{display:inline-flex; width:18px; height:18px; flex:0 0 auto}
.gx-social-ic svg{width:100%; height:100%; display:block}
.gx-auth a.gx-social.gx-social--facebook{background:#1877F2; border-color:#1877F2; color:#fff}
.gx-auth a.gx-social.gx-social--facebook:hover{background:#166fe0}
/* country select (Choices.js) fit-in */
.gx-auth .choices{margin:0}
.gx-auth .choices__inner{background:#fff; border:1px solid var(--field-line); border-radius:11px; min-height:46px; padding:8px 12px; font-size:15px}
.gx-auth .choices.is-focused .choices__inner{border-color:var(--teal); box-shadow:0 0 0 3px rgba(189,137,11,.28)}
@media (max-width:768px){
    .gx-card{grid-template-columns:1fr; min-height:0}
    .gx-panel{padding:26px 26px 32px; min-height:220px}
    .gx-panel--sm-hidden{display:none}
    .gx-form{padding:28px 22px}
    .gx-row2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:no-preference){
    .gx-card{animation:gxRise .5s ease both}
    @keyframes gxRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}