:root{--green:#127a55;--green-dark:#07583d;--mint:#eaf8f1;--text:#15352b;--muted:#6e807a;--border:#dce9e3}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#f5faf7}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr}.auth-panel{display:flex;align-items:center;justify-content:center;background:#fff;padding:48px}.form-wrap{width:min(100%,480px)}.logo{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-size:22px;font-weight:800;text-decoration:none}.logo-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#15966a,#086143);box-shadow:0 10px 22px rgba(18,122,85,.22)}.welcome{margin:58px 0 30px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--green)}h1{font-size:42px;line-height:1.12;margin:12px 0 14px;letter-spacing:-.04em}.welcome p{color:var(--muted);line-height:1.7}.alert{padding:14px 16px;border-radius:12px;background:#fff2f0;border:1px solid #ffd1ca;color:#9d2d1f;margin-bottom:20px}.login-form{display:grid;gap:20px}.login-form>label{display:grid;gap:8px;font-size:14px;font-weight:700}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{width:100%;height:54px;border:1px solid var(--border);border-radius:13px;padding:0 16px;font-size:15px;outline:none;transition:.2s}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(18,122,85,.1)}.password-field{position:relative}.password-field input{padding-right:82px!important}.password-field button{position:absolute;right:10px;top:9px;height:36px;border:0;border-radius:9px;background:var(--mint);color:var(--green-dark);font-weight:700;cursor:pointer}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:14px}.form-options a{color:var(--green);font-weight:700;text-decoration:none}.check{display:flex;align-items:center;gap:8px;color:var(--muted)}.submit-btn{height:56px;border:0;border-radius:14px;background:linear-gradient(135deg,#158b62,#086143);color:white;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 14px 28px rgba(18,122,85,.22)}.submit-btn span{margin-left:8px}.demo-note{font-size:13px;color:var(--muted);background:#f5faf7;padding:12px 14px;border-radius:10px}.form-wrap footer{margin-top:42px;color:#98a6a1;font-size:12px}.visual-panel{position:relative;overflow:hidden;background-image:url('../site-login.svg');background-size:cover;background-position:center}.visual-overlay{position:absolute;inset:0;background:linear-gradient(145deg,rgba(3,67,46,.76),rgba(4,99,69,.35))}.visual-content{position:absolute;left:8%;right:8%;bottom:8%;color:#fff}.visual-content h2{font-size:48px;line-height:1.1;max-width:740px;margin:18px 0}.visual-content>p{font-size:18px;max-width:600px;line-height:1.7;color:#d9f5e9}.pill{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}.stats{display:flex;gap:14px;margin-top:34px}.stats div{min-width:130px;padding:16px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(3,60,43,.28);backdrop-filter:blur(8px)}.stats strong,.stats span{display:block}.stats span{margin-top:5px;color:#ccebdd;font-size:13px}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.visual-panel{display:none}.auth-panel{padding:30px 22px}.welcome{margin-top:42px}h1{font-size:34px}}@media(max-width:480px){.auth-panel{align-items:flex-start}.form-options{align-items:flex-start;gap:10px;flex-direction:column}.form-wrap footer{margin-top:28px}}
.auth-register-link{margin-top:18px;text-align:center;color:#667a71;font-size:13px}.auth-register-link a{color:#127a55;font-weight:800;text-decoration:none}


/* v20.1 Parlamento Mavisi + Ateş Kırmızısı */
:root{--green:#243B7A;--green-dark:#182A5B;--mint:#EEF2FB;--text:#15213F;--muted:#68738B;--border:#DDE3F0;--fire:#C9251A}
.auth-brand-logo{display:block;width:min(310px,100%);height:auto}.logo{max-width:320px}
.eyebrow,.form-options a,.auth-register-link a{color:var(--fire)}
.submit-btn{background:linear-gradient(135deg,#243B7A,#182A5B);box-shadow:0 14px 28px rgba(36,59,122,.22)}.submit-btn:hover{background:linear-gradient(135deg,#C9251A,#A91D14)}
.login-form input:focus{border-color:#243B7A;box-shadow:0 0 0 4px rgba(36,59,122,.1)}
.password-field button{background:#EEF2FB;color:#243B7A}.visual-overlay{background:linear-gradient(145deg,rgba(24,42,91,.82),rgba(201,37,26,.28))}.stats div{background:rgba(24,42,91,.35)}

/* v20.2 giriş ekranı */
body{background:#F6F8FC}.logo-mark{background:linear-gradient(135deg,#243B7A,#C9251A);box-shadow:0 10px 22px rgba(36,59,122,.22)}.demo-note{background:#EEF2FB;color:#586783}.visual-content>p{color:#E1E6F2}.stats span{color:#CDD6E9}.auth-register-link{color:#68738B}


/* v20.4 giriş ekranı tanıtım görseli */
.visual-panel{background-image:url('../marketing/yonetim-cebinizde.png');background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#132653}
.visual-overlay{background:linear-gradient(115deg,rgba(13,30,67,.34) 0%,rgba(36,59,122,.10) 46%,rgba(201,37,26,.12) 100%)}
.visual-content-compact{left:6%;right:6%;bottom:5%;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.visual-content-compact .pill{flex:0 0 auto;border-color:rgba(255,255,255,.5);background:linear-gradient(135deg,rgba(36,59,122,.82),rgba(201,37,26,.76));box-shadow:0 12px 32px rgba(9,22,52,.26);font-weight:900;letter-spacing:.08em}
.visual-content-compact .stats{margin-top:0;justify-content:flex-end;flex-wrap:wrap}
.visual-content-compact .stats div{min-width:118px;padding:13px 15px;background:rgba(15,30,67,.56);border-color:rgba(255,255,255,.30);box-shadow:0 10px 28px rgba(8,20,48,.18)}
.visual-content-compact .stats strong{font-size:14px}.visual-content-compact .stats span{font-size:12px;color:#E7ECF7}
@media(max-width:1180px){.visual-panel{background-position:58% center}.visual-content-compact{align-items:flex-start;flex-direction:column}.visual-content-compact .stats{justify-content:flex-start}}

/* v20.5 hareketli giriş */
.visual-panel-live{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#081a45 0%,#173a82 46%,#7d202c 76%,#c9251a 100%);background-size:180% 180%;animation:authGradient 12s ease-in-out infinite}.visual-panel-live::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 25% 20%,rgba(62,139,255,.32),transparent 28%),radial-gradient(circle at 78% 68%,rgba(255,67,54,.30),transparent 30%)}.login-grid{position:absolute;inset:-25%;opacity:.22;transform:perspective(650px) rotateX(62deg) translateY(34%);transform-origin:center bottom;background-image:linear-gradient(rgba(111,170,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(111,170,255,.25) 1px,transparent 1px);background-size:48px 48px;animation:gridFlow 9s linear infinite}.login-orb{position:absolute;border-radius:50%;opacity:.72;animation:orbFloat 8s ease-in-out infinite alternate}.orb-blue{width:360px;height:360px;left:-110px;top:-70px;background:radial-gradient(circle at 35% 35%,rgba(85,161,255,.72),rgba(36,59,122,.12) 64%,transparent 70%);box-shadow:0 0 90px rgba(53,124,255,.35)}.orb-red{width:390px;height:390px;right:-130px;bottom:-120px;background:radial-gradient(circle at 45% 45%,rgba(255,70,55,.58),rgba(201,37,26,.12) 65%,transparent 72%);box-shadow:0 0 100px rgba(201,37,26,.32);animation-delay:-3s}.orb-soft{width:190px;height:190px;right:12%;top:10%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 67%);animation-delay:-5s}.login-beam{position:absolute;width:72%;height:2px;left:18%;background:linear-gradient(90deg,transparent,#68b7ff,#fff,#ff665a,transparent);box-shadow:0 0 18px rgba(106,183,255,.9);opacity:.55;transform:rotate(-18deg);animation:beamMove 6s ease-in-out infinite}.beam-one{top:25%}.beam-two{top:72%;left:5%;animation-delay:-3s;transform:rotate(15deg)}.login-rings{position:absolute;right:9%;top:9%;width:220px;height:220px;opacity:.5}.login-rings i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.22);border-left-color:#69b9ff;border-right-color:#ff6258;border-radius:50%;animation:ringSpin 12s linear infinite}.login-rings i:nth-child(2){inset:28px;animation-direction:reverse;animation-duration:8s}.login-rings i:nth-child(3){inset:58px;animation-duration:5s}.login-brand-stage{position:absolute;z-index:3;left:9%;right:9%;top:50%;transform:translateY(-50%);color:#fff;max-width:650px}.login-logo-halo{position:relative;width:132px;height:132px;display:grid;place-items:center;margin-bottom:22px;border-radius:32px;background:rgba(255,255,255,.96);box-shadow:0 0 45px rgba(79,154,255,.48),0 0 90px rgba(201,37,26,.22);animation:logoPulse 3.2s ease-in-out infinite}.login-logo-halo::after{content:"";position:absolute;inset:-12px;border:1px solid rgba(255,255,255,.28);border-radius:40px;animation:haloPulse 3.2s ease-out infinite}.login-logo-halo img{width:102px;height:102px;object-fit:contain}.live-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(8,25,66,.35);backdrop-filter:blur(10px);font-size:12px;font-weight:900;letter-spacing:.12em}.live-badge b{width:7px;height:7px;border-radius:50%;background:#ff493c;box-shadow:0 0 12px #ff493c;animation:dotPulse 1.4s infinite}.login-brand-stage h2{font-size:clamp(40px,4.2vw,66px);line-height:1.02;letter-spacing:-.045em;margin:20px 0 16px;text-shadow:0 8px 30px rgba(5,18,49,.3)}.login-brand-stage h2 em{font-style:normal;background:linear-gradient(90deg,#8bc8ff,#fff 42%,#ff8278);-webkit-background-clip:text;background-clip:text;color:transparent}.login-brand-stage p{max-width:590px;color:#e6edfb;font-size:17px;line-height:1.65}.live-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.live-stats div{min-width:128px;padding:14px 16px;border:1px solid rgba(255,255,255,.20);border-radius:16px;background:rgba(8,25,66,.32);backdrop-filter:blur(12px)}.live-stats strong,.live-stats span{display:block}.live-stats span{margin-top:4px;color:#cfdaf0;font-size:12px}.spark{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(255,255,255,.65);animation:sparkle 3s ease-in-out infinite}.s1{left:16%;top:16%}.s2{left:72%;top:27%;animation-delay:-.8s}.s3{left:83%;top:59%;animation-delay:-1.6s}.s4{left:26%;top:78%;animation-delay:-2.1s}.s5{left:56%;top:12%;animation-delay:-2.6s}.s6{left:48%;top:70%;animation-delay:-1.1s}@keyframes authGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gridFlow{to{background-position:0 96px,96px 0}}@keyframes orbFloat{to{transform:translate3d(35px,24px,0) scale(1.08)}}@keyframes beamMove{0%,100%{opacity:.18;transform:translateX(-8%) rotate(-18deg)}50%{opacity:.7;transform:translateX(10%) rotate(-18deg)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes logoPulse{50%{transform:translateY(-7px) scale(1.025)}}@keyframes haloPulse{0%{transform:scale(.94);opacity:.8}75%,100%{transform:scale(1.18);opacity:0}}@keyframes dotPulse{50%{opacity:.35;transform:scale(.72)}}@keyframes sparkle{0%,100%{opacity:.18;transform:scale(.65)}50%{opacity:1;transform:scale(1.35)}}@media(max-width:1180px){.login-brand-stage{left:7%;right:7%}.login-brand-stage h2{font-size:44px}.login-logo-halo{width:112px;height:112px}.login-logo-halo img{width:86px;height:86px}}@media(prefers-reduced-motion:reduce){.visual-panel-live,.login-grid,.login-orb,.login-beam,.login-rings i,.login-logo-halo,.login-logo-halo::after,.live-badge b,.spark{animation:none!important}}