/* ═══════════════ MAVRONIX Finance AUTH TEMASI ═══════════════
   login / register / reset sayfalarının ortak stili.
   (Önceden auth_theme.php içinde inline <style> idi; görünüm aynıdır.)
   ─────────────────────────────────────────────────────────── */
:root{
    --mv-black:#0a0e0a; --mv-dark:#11160f; --mv-panel:rgba(18,24,16,.72);
    --mv-green:#1fe08a; --mv-green-soft:#5cf2b0; --mv-green-deep:#12a368;
    --mv-silver:#c8d4cc; --mv-text:#e6efe4; --mv-muted:#8ea088; --mv-border:rgba(31,224,138,.18);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body.mv-auth{
    font-family:'Inter','Segoe UI',system-ui,sans-serif;
    background:var(--mv-black);color:var(--mv-text);
    min-height:100vh;overflow-x:hidden;
}

/* Arkaplan */
.mv-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:
    radial-gradient(900px 600px at 18% 12%, rgba(31,224,138,.10), transparent 60%),
    radial-gradient(800px 500px at 85% 88%, rgba(18,163,104,.08), transparent 60%),
    linear-gradient(160deg,#070a07 0%,#0d120b 50%,#070a07 100%);}
.mv-grid{position:absolute;inset:-2px;
    background-image:linear-gradient(rgba(31,224,138,.05) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(31,224,138,.05) 1px,transparent 1px);
    background-size:46px 46px;
    mask-image:radial-gradient(circle at 50% 40%, #000 30%, transparent 78%);
    animation:mvGridPan 28s linear infinite;}
@keyframes mvGridPan{from{background-position:0 0}to{background-position:46px 46px}}
.mv-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:mvFloat 18s ease-in-out infinite}
.mv-orb.o1{width:300px;height:300px;background:rgba(31,224,138,.22);top:-60px;left:-40px}
.mv-orb.o2{width:240px;height:240px;background:rgba(18,163,104,.18);bottom:-50px;right:-30px;animation-delay:-6s}
@keyframes mvFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-26px)}}
.mv-scan{position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(transparent 50%, rgba(31,224,138,.025) 50%);
    background-size:100% 4px;animation:mvScan 8s linear infinite;opacity:.4}
@keyframes mvScan{from{background-position:0 0}to{background-position:0 100px}}

/* Wrapper */
.mv-wrap{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;
    padding:80px 16px 40px;}

/* Üst bar — tema + dil */
.mv-topbar{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;justify-content:space-between;align-items:center;
    padding:14px 18px;gap:10px}
.mv-brand-mini{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:1px;color:var(--mv-silver);
    font-size:14px;text-decoration:none;white-space:nowrap}
.mv-brand-mini .dot{color:var(--mv-green)}
.mv-topbar-actions{display:flex;align-items:center;gap:8px}
.mv-icon-btn{background:rgba(31,224,138,.08);border:1px solid var(--mv-border);color:var(--mv-green);
    height:40px;min-width:40px;padding:0 10px;border-radius:11px;display:flex;align-items:center;justify-content:center;
    gap:6px;cursor:pointer;transition:.18s;font-size:14px;text-decoration:none;font-weight:600}
.mv-icon-btn:hover{background:rgba(31,224,138,.16);transform:translateY(-1px);color:var(--mv-green-soft)}
.mv-icon-btn img{height:18px;border-radius:3px;display:block}

/* Dil dropdown */
.mv-lang{position:relative}
.mv-lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;
    background:var(--mv-panel);backdrop-filter:blur(18px);
    border:1px solid var(--mv-border);border-radius:12px;overflow:hidden;
    box-shadow:0 14px 36px rgba(0,0,0,.5);display:none;z-index:20}
.mv-lang-menu.open{display:block;animation:mvDrop .15s ease}
@keyframes mvDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mv-lang-item{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--mv-text);
    text-decoration:none;font-size:13.5px;transition:.12s}
.mv-lang-item:hover{background:rgba(31,224,138,.12);color:var(--mv-green-soft)}
.mv-lang-item.active{background:rgba(31,224,138,.08);color:var(--mv-green);font-weight:700}
.mv-lang-item img{height:16px;border-radius:3px}

/* Card */
.mv-card{position:relative;width:100%;max-width:440px;
    background:var(--mv-panel);backdrop-filter:blur(22px) saturate(140%);
    border:1px solid var(--mv-border);border-radius:22px;
    box-shadow:0 30px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(31,224,138,.05) inset, 0 0 60px rgba(31,224,138,.06);
    overflow:hidden;animation:mvCardIn .6s cubic-bezier(.2,.8,.2,1) both;}
@keyframes mvCardIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.mv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,transparent,var(--mv-green),transparent);animation:mvSweep 3.5s ease-in-out infinite}
@keyframes mvSweep{0%,100%{opacity:.4}50%{opacity:1}}

/* Header */
.mv-head{padding:30px 34px 12px;text-align:center}
.mv-logo{width:90px;height:90px;margin:0 auto 14px;position:relative}
.mv-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(31,224,138,.55))}
.mv-hex{width:90px;height:102px;position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center;
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    background:linear-gradient(145deg,#1c2418,#0c100a);border:2px solid var(--mv-green);
    box-shadow:0 0 26px rgba(31,224,138,.4), inset 0 0 22px rgba(31,224,138,.12);animation:mvPulse 3s ease-in-out infinite}
@keyframes mvPulse{0%,100%{box-shadow:0 0 26px rgba(31,224,138,.35),inset 0 0 22px rgba(31,224,138,.10)}
                   50%{box-shadow:0 0 38px rgba(31,224,138,.6),inset 0 0 28px rgba(31,224,138,.18)}}
.mv-hex span{font-family:'Arial Black',Impact,sans-serif;font-weight:900;font-size:32px;letter-spacing:-2px;
    background:linear-gradient(180deg,#eafff0,#1fe08a 60%,#12a368);-webkit-background-clip:text;background-clip:text;color:transparent}
.mv-title{font-size:28px;font-weight:900;letter-spacing:3px;margin:0;
    background:linear-gradient(180deg,#f0fff2,#5cf2b0 55%,#12a368);-webkit-background-clip:text;background-clip:text;color:transparent}
.mv-tagline{margin:6px 0 0;font-size:10.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--mv-green-soft);font-weight:700;opacity:.85}
.mv-welcome{margin:12px 0 0;color:var(--mv-muted);font-size:13px}

/* Body */
.mv-body{padding:6px 34px 30px}
.mv-field{margin-bottom:16px}
.mv-label{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;
    color:var(--mv-silver);margin-bottom:6px;letter-spacing:.3px}
.mv-label a{color:var(--mv-green);font-size:11.5px;text-decoration:none;font-weight:600;opacity:.85}
.mv-label a:hover{opacity:1;text-decoration:underline}
.mv-input-wrap{position:relative;display:flex;align-items:center}
.mv-input-wrap > i.lead{position:absolute;left:14px;color:var(--mv-muted);font-size:15px;pointer-events:none;transition:.18s;z-index:2}
.mv-input{width:100%;background:rgba(8,12,7,.7);border:1px solid rgba(31,224,138,.16);border-radius:12px;
    padding:12px 14px 12px 42px;color:var(--mv-text);font-size:14.5px;outline:none;transition:.18s}
.mv-input::placeholder{color:#5d6b58}
.mv-input:focus{border-color:var(--mv-green);box-shadow:0 0 0 3px rgba(31,224,138,.14);background:rgba(10,16,8,.92)}
.mv-input.is-invalid{border-color:#ff5d5d;box-shadow:0 0 0 3px rgba(255,93,93,.12)}
.mv-input-wrap:focus-within > i.lead{color:var(--mv-green)}
.mv-toggle{position:absolute;right:6px;background:transparent;border:0;color:var(--mv-muted);
    width:34px;height:34px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;z-index:2}
.mv-toggle:hover{color:var(--mv-green);background:rgba(31,224,138,.08)}
.mv-invalid-msg{color:#ff7a7a;font-size:11.5px;margin-top:5px;display:block}

/* Şifre gücü */
.mv-pw-meter{margin-top:8px}
.mv-pw-track{height:5px;border-radius:4px;background:rgba(31,224,138,.1);overflow:hidden}
.mv-pw-fill{height:100%;width:0;border-radius:4px;transition:width .25s,background .25s}
.mv-pw-text{font-size:11px;margin-top:4px;color:var(--mv-muted)}

/* İki sütun (register adı-soyadı) */
.mv-row{display:flex;gap:12px}
.mv-row .mv-field{flex:1;margin-bottom:16px}

/* Remember */
.mv-remember{display:flex;align-items:center;gap:9px;margin:2px 0 20px;cursor:pointer;user-select:none}
.mv-remember input{position:absolute;opacity:0;width:0;height:0}
.mv-check{width:19px;height:19px;border-radius:6px;border:1.5px solid rgba(31,224,138,.4);background:rgba(8,12,7,.7);
    display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}
.mv-check i{font-size:11px;color:#03251a;opacity:0;transform:scale(.5);transition:.15s}
.mv-remember input:checked + .mv-check{background:var(--mv-green);border-color:var(--mv-green);box-shadow:0 0 12px rgba(31,224,138,.5)}
.mv-remember input:checked + .mv-check i{opacity:1;transform:scale(1)}
.mv-remember span{font-size:13px;color:var(--mv-muted)}

/* Submit */
.mv-submit{width:100%;border:0;border-radius:12px;padding:14px;cursor:pointer;
    font-size:15px;font-weight:800;letter-spacing:.6px;color:#05140a;
    background:linear-gradient(135deg,#5cf2b0,#1fe08a 50%,#12a368);
    box-shadow:0 10px 28px rgba(31,224,138,.32), 0 0 0 1px rgba(31,224,138,.4) inset;
    transition:.2s;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px}
.mv-submit:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(31,224,138,.45)}
.mv-submit:active{transform:translateY(0)}
.mv-submit:disabled{opacity:.7;cursor:wait;transform:none}
.mv-submit .shine{position:absolute;top:0;left:-60%;width:40%;height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:mvShine 3.2s ease-in-out infinite}
@keyframes mvShine{0%{left:-60%}55%,100%{left:140%}}

/* Footer link + güvenlik */
.mv-footlink{text-align:center;margin:20px 0 0;font-size:13px;color:var(--mv-muted)}
.mv-footlink a{color:var(--mv-green);font-weight:700;text-decoration:none}
.mv-footlink a:hover{text-decoration:underline}
.mv-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;font-size:11px;color:var(--mv-muted);letter-spacing:.4px;text-align:center}
.mv-secure i{color:var(--mv-green)}
.mv-copy{position:relative;z-index:2;text-align:center;padding:0 16px 24px;font-size:11.5px;color:#5a6a55;letter-spacing:.5px}

/* ═══════════ AÇIK TEMA (tam) ═══════════ */
body.mv-light{--mv-black:#eef2ec;--mv-panel:rgba(255,255,255,.88);--mv-text:#16210f;--mv-muted:#5a6a55;
    --mv-silver:#2a3622;--mv-border:rgba(18,163,104,.22)}
body.mv-light .mv-input{background:rgba(255,255,255,.95);color:#16210f}
body.mv-light .mv-input::placeholder{color:#9aa895}
body.mv-light .mv-lang-menu{background:rgba(255,255,255,.96)}
/* Arka plan: koyu gradyanı açık brand gradyanı ile değiştir */
body.mv-light .mv-bg{background:
    radial-gradient(900px 600px at 18% 12%, rgba(28,185,96,.12), transparent 60%),
    radial-gradient(800px 500px at 85% 88%, rgba(226,174,48,.10), transparent 60%),
    linear-gradient(160deg,#f4f8f2 0%,#e8efe5 50%,#f4f8f2 100%);}
body.mv-light .mv-grid{opacity:.6;
    background-image:linear-gradient(rgba(18,163,104,.07) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(18,163,104,.07) 1px,transparent 1px);}
body.mv-light .mv-orb.o1{background:rgba(28,185,96,.16);opacity:.4}
body.mv-light .mv-orb.o2{background:rgba(226,174,48,.14);opacity:.4}
body.mv-light .mv-scan{display:none}
body.mv-light .mv-card{box-shadow:0 24px 60px rgba(20,40,24,.16), 0 0 0 1px rgba(18,163,104,.06) inset}
/* Başlık/etiket kontrastı */
body.mv-light .mv-title{background:linear-gradient(180deg,#12a368,#0b7048);-webkit-background-clip:text;background-clip:text;color:transparent}
body.mv-light .mv-tagline{color:#0f8a59;opacity:1}
body.mv-light .mv-welcome{color:#5a6a55}
body.mv-light .mv-brand-mini{color:#1d2a18}
body.mv-light .mv-copy{color:#6a7a64}
body.mv-light .mv-logo img{filter:drop-shadow(0 0 8px rgba(18,163,104,.28))}
body.mv-light .mv-remember span,body.mv-light .mv-footlink,body.mv-light .mv-secure{color:#5a6a55}
body.mv-light .mv-icon-btn{background:rgba(18,163,104,.1);color:#0f8a59;border-color:rgba(18,163,104,.25)}
body.mv-light .mv-icon-btn:hover{background:rgba(18,163,104,.18);color:#0b7048}

/* ═══════════ RESPONSIVE ═══════════ */
@media(max-width:768px){
    .mv-wrap{padding:74px 14px 32px}
    .mv-card{max-width:420px}
}
@media(max-width:480px){
    .mv-topbar{padding:10px 12px}
    .mv-brand-mini{font-size:12.5px}
    .mv-icon-btn{height:36px;min-width:36px;font-size:13px}
    .mv-wrap{padding:64px 12px 26px}
    .mv-card{border-radius:18px}
    .mv-head{padding:24px 20px 8px}
    .mv-body{padding:6px 20px 24px}
    .mv-title{font-size:24px;letter-spacing:2px}
    .mv-tagline{font-size:9px;letter-spacing:1.5px}
    .mv-logo{width:74px;height:74px}
    .mv-hex{width:74px;height:84px}
    .mv-hex span{font-size:26px}
    .mv-row{flex-direction:column;gap:0}
    .mv-input{font-size:16px}
}
@media(max-width:360px){
    .mv-brand-mini span:not(.dot){display:none}
    .mv-title{font-size:21px}
}
@media(max-height:640px) and (max-width:900px){
    .mv-wrap{align-items:flex-start;padding-top:60px}
    .mv-logo{width:60px;height:60px;margin-bottom:8px}
    .mv-hex{width:60px;height:68px}
    .mv-head{padding-top:18px}
}

/* ═══════════ Giriş bildirimi — marka yeşili toastr ═══════════ */
#toast-container > .toast-success{
    background-color:#15a052;
    background-image:none;
    border-radius:12px;
    box-shadow:0 12px 30px -8px rgba(28,224,138,.55), 0 0 0 1px rgba(31,224,138,.35) inset;
    padding:16px 18px 16px 46px;
}
#toast-container > .toast-success::before{
    content:'\f00c'; font-family:'Font Awesome 6 Free'; font-weight:900;
    position:absolute; left:16px; top:50%; transform:translateY(-50%); font-size:18px; color:#eafff3;
}
#toast-container > .toast-success .toast-title{ color:#ffffff; font-weight:800; }
#toast-container > .toast-success .toast-message{ color:#dffbe9; }
#toast-container > .toast-success .toast-progress{ background-color:#5cf2b0; opacity:.9; }