:root{
  --bg:#f5f9fc;--surface:#ffffff;--surface-alt:#f0f7fa;--text:#1b3344;--sub:#667987;--muted:#7d91a0;
  --border:#dce7ec;--accent:#058da4;--accent-deep:#08768b;--accent-soft:#e7f6f8;--aside:#173546;
  --aside-border:#31556a;--aside-sub:#c8dce5;--error:#a33439;--error-bg:#fff2f1;
  --success:#146649;--success-bg:#eff9f4;--shadow:0 16px 40px rgba(19,55,74,.055);
  --font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-head:'Manrope','Inter',system-ui,sans-serif
}
html[data-theme='dark']{
  --bg:#101c27;--surface:#1a2c3a;--surface-alt:#203746;--text:#eef6fa;--sub:#b9cbd4;--muted:#9db2bf;
  --border:#334c5d;--accent:#65d2e2;--accent-deep:#7adfed;--accent-soft:#244655;--aside:#132938;
  --aside-border:#35566b;--aside-sub:#c8dce5;--error:#ffb2ad;--error-bg:#4e3036;
  --success:#abebd0;--success-bg:#22463e;--shadow:0 14px 35px rgba(0,0,0,.11)
}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font:400 14px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.8}img{max-width:100%;display:block}h1,h2,p{margin:0}h1,h2{font-family:var(--font-head);letter-spacing:-.04em}h1{line-height:1.18}h2{line-height:1.2}:focus-visible{outline:3px solid #e5a34a;outline-offset:3px}
.skip-link{position:fixed;left:18px;top:-100px;z-index:100;background:#0d7187;padding:10px 16px;color:#fff;border-radius:4px}.skip-link:focus{top:12px}
.auth-container{max-width:1190px;width:calc(100% - 64px);margin:0 auto}.auth-header{background:var(--surface);border-bottom:1px solid var(--border)}.header-inside{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:77px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-logo{width:47px;height:47px;border:1px solid #d8e4e8;background:#fff;border-radius:6px;display:grid;place-items:center;padding:4px;flex-shrink:0}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-name{display:flex;flex-direction:column;gap:0;line-height:1.14}.brand-name b{font:800 22px/1.1 var(--font-head);color:var(--text);letter-spacing:-.055em}.brand-name b em{font-style:normal;color:var(--accent)}.brand-name small{font-size:10px;font-weight:600;color:var(--sub);margin-top:3px}.header-links{display:flex;align-items:center;gap:19px}.header-home{font-size:13px;color:var(--sub);font-weight:650}.header-home:hover{color:var(--accent)}.theme-button{display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-alt);color:var(--text);border-radius:5px;width:38px;height:38px}.theme-button svg{width:18px;height:18px}.header-signup{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--accent);background:var(--accent);color:#fff!important;font-size:12.5px;font-weight:700;border-radius:5px;min-height:38px;padding:0 14px}.header-signup:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.auth-main{padding-top:50px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.87fr);gap:24px;align-items:stretch}.auth-form-card{background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:var(--shadow);min-width:0}.form-content{padding:clamp(27px,3.8vw,53px);max-width:650px;margin:auto}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent-deep);font-weight:800;font-size:10px;letter-spacing:.125em}.eyebrow-line{display:block;background:var(--accent);height:2px;width:21px;border-radius:2px}.form-content h1{font-size:clamp(28px,3vw,39px);margin-top:18px;font-weight:800;color:var(--text)}.form-lead{color:var(--sub);font-size:13.5px;line-height:1.75;max-width:420px;margin:13px 0 28px}.auth-form{display:grid;gap:19px}.field{min-width:0;display:grid;gap:8px}.field label{display:block;font-size:12px;font-weight:700;color:var(--text)}.field input{width:100%;height:49px;min-height:49px;min-width:0;border:1px solid var(--border);border-radius:5px;padding:0 14px;color:var(--text);background:var(--surface);outline:none;font-size:14px;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(9,153,175,.12)}.field input::placeholder{color:var(--muted);opacity:1}.field-heading{display:flex;justify-content:space-between;align-items:center}.password-wrap{position:relative}.password-wrap input{padding-right:89px}.password-toggle{position:absolute;right:6px;top:6px;height:37px;padding:0 11px;border:0;border-radius:4px;background:var(--surface-alt);color:var(--accent-deep);font-size:11.5px;font-weight:750}.password-toggle:hover{filter:brightness(.97)}.check-row{display:inline-flex;align-items:center;gap:9px;color:var(--sub);font-size:12.5px;font-weight:600;width:max-content;max-width:100%;cursor:pointer}.check-row input{width:17px;height:17px;accent-color:#078fa7;margin:0}.primary-button{display:flex;align-items:center;justify-content:center;gap:11px;background:#068da3;color:white;border:1px solid #068da3;border-radius:5px;min-height:49px;font-size:13.5px;font-weight:750;padding:13px 17px;width:100%;transition:background .15s,transform .15s}.primary-button span{font-size:18px;line-height:1}.primary-button:hover{background:#07758b;transform:translateY(-1px)}.secondary-button{border:1px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;min-height:47px;padding:12px;background:var(--surface);color:var(--text);font-weight:750;font-size:12.5px;text-align:center}.secondary-button:hover{border-color:var(--accent);color:var(--accent-deep);background:var(--accent-soft)}.form-separator{display:flex;align-items:center;gap:14px;margin:26px 0 18px;color:var(--muted);font-size:11px;white-space:nowrap}.form-separator:before,.form-separator:after{content:"";height:1px;flex:1;background:var(--border)}.support-note{color:var(--sub);font-size:11.5px;text-align:center;margin-top:19px}.support-note a,.terms-note a,.message-box a{color:var(--accent-deep);font-weight:800}.message-box{border:1px solid var(--border);border-radius:5px;background:var(--surface-alt);padding:13px 15px;color:var(--text);margin:0 0 20px;font-size:12.5px}.message-box.error{background:var(--error-bg);color:var(--error);border-color:color-mix(in srgb,var(--error) 28%,var(--border))}.message-box.success{background:var(--success-bg);color:var(--success)}.message-box p{margin:5px 0}.message-box ul{margin:7px 0 0;padding-left:19px}.message-box li+li{margin-top:4px}.message-box a{display:inline-block;margin-top:5px}
.auth-aside{border:1px solid var(--aside-border);border-radius:7px;background:var(--aside);color:#f5fbfe;padding:clamp(30px,3.5vw,50px);display:flex;flex-direction:column;min-width:0;min-height:570px;position:relative;overflow:hidden}.auth-aside:before{content:"";position:absolute;width:340px;height:340px;right:-200px;top:-180px;border:1px solid rgba(135,225,237,.22);border-radius:50%;box-shadow:0 0 0 70px rgba(108,203,221,.035),0 0 0 140px rgba(108,203,221,.022);pointer-events:none}.aside-overline{color:#89d7e5;letter-spacing:.13em;font-size:10px;font-weight:800;position:relative}.auth-aside h2{font-size:clamp(27px,3vw,39px);max-width:405px;margin:20px 0 15px;font-weight:800;position:relative}.auth-aside h2 span{color:#68d6e9}.auth-aside>p{color:var(--aside-sub);font-size:13px;line-height:1.82;max-width:410px;position:relative}.feature-lines{margin-top:44px;border-top:1px solid rgba(216,244,248,.18);position:relative}.feature-lines>div{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid rgba(216,244,248,.15)}.feature-symbol{flex-shrink:0;font:800 16px var(--font-head);color:#71d9e8;width:28px}.feature-lines b{display:block;font:750 13.5px var(--font);margin-bottom:5px;color:#f3fbff}.feature-lines small{font:400 11.5px/1.6 var(--font);display:block;color:#b5d1df}.aside-bottom{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#adccd8;font-size:10px;font-weight:600}.aside-bottom a{margin-left:auto;color:#79dae8;white-space:nowrap;font-weight:750}.live-dot{width:8px;height:8px;border-radius:50%;background:#5fe1bd;box-shadow:0 0 0 3px rgba(95,225,189,.12);flex-shrink:0}
.auth-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:11px;padding:22px 0 27px}.auth-footer a:hover{color:var(--accent)}.auth-footer span span{padding-inline:5px}.required-mark{color:var(--accent-deep)}.optional{color:var(--muted);font-weight:500;font-size:10px;margin-left:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px}.form-grid .field-wide{grid-column:1/-1}.register-form{gap:14px}.register-content{padding-top:33px;padding-bottom:33px;max-width:100%}.register-content h1{font-size:clamp(27px,2.4vw,34px);margin-top:13px}.register-content .form-lead{margin:9px 0 15px}.trial-note{display:inline-flex;align-items:center;gap:9px;color:var(--accent-deep);font-size:11px;font-weight:700;background:var(--accent-soft);padding:8px 11px;border:1px solid var(--border);border-radius:4px;margin-bottom:20px}.trial-mark{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--accent);border-radius:50%;font-size:10px}.trial-divider{height:13px;width:1px;background:var(--border);margin-inline:3px}.field-hint{font-size:11px;color:var(--sub);margin:-4px 0 0}.form-client-error{font-size:12px;color:var(--error);margin:0}.terms-note{font-size:10.7px;line-height:1.65;color:var(--muted);margin:15px 0 0}.register-content .form-separator{margin:17px 0 13px}.register-content .support-note{margin-top:15px}.register-content .form-grid .field{gap:6px}.register-content .form-grid .field input{height:47px;min-height:47px}.register-layout .auth-aside{min-height:0}.page-register .auth-main{padding-top:30px}.page-register .auth-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
@media(max-width:960px){.auth-layout,.page-register .auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px}.auth-container{width:calc(100% - 38px)}.form-content{padding:30px 26px}.auth-aside{padding:30px 26px}.feature-lines{margin-top:25px}.auth-aside h2{font-size:29px}.auth-aside>p{font-size:12px}.aside-bottom a{margin-left:0}}
@media(max-width:760px){.auth-main{padding-top:23px}.page-register .auth-main{padding-top:23px}.auth-layout,.page-register .auth-layout{grid-template-columns:1fr}.auth-form-card{order:0}.auth-aside{order:1;min-height:0;padding:25px 24px}.auth-aside h2{font-size:27px;margin:13px 0}.auth-aside>p{max-width:none}.feature-lines{margin-top:20px;display:grid;grid-template-columns:1fr;gap:0}.feature-lines>div{padding:11px 0}.aside-bottom{padding-top:18px}.form-content{padding:28px}.auth-footer{padding:18px 0 24px}.page-register .register-content{max-width:100%}}
@media(max-width:520px){.auth-container{width:calc(100% - 28px)}.header-inside{min-height:67px}.brand-logo{width:39px;height:39px}.brand-name b{font-size:19px}.brand-name small{font-size:8px}.header-links{gap:8px}.header-home{display:none}.header-signup{font-size:11px;min-height:36px;padding:0 10px}.theme-button{width:36px;height:36px}.auth-main{padding-top:15px}.page-register .auth-main{padding-top:15px}.form-content,.register-content{padding:25px 19px}.form-content h1{font-size:28px}.form-lead{font-size:12.5px;margin-bottom:23px}.form-grid{grid-template-columns:1fr;gap:14px}.form-grid .field-wide{grid-column:auto}.trial-note{font-size:10px;gap:6px;flex-wrap:wrap}.auth-aside{padding:22px 20px}.auth-aside h2{font-size:24px}.auth-footer{font-size:10px;flex-direction:column;align-items:flex-start;gap:5px}.form-separator{font-size:10px}.register-content h1{font-size:26px}.register-content .form-lead{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* ============================================================
   EPA Soft | Giris/Kayit input ve tarayici otomatik doldurma
   2026-10-16 | Sari autofill arka planini kaldirir.
   Mevcut form name/id ve giris/kayit davranisi degismez.
   ============================================================ */
:root {
  --auth-input-background: #f8fbfd;
  --auth-input-border: #c8dbe4;
  --auth-input-focus-ring: rgba(5, 141, 164, .16);
}
html[data-theme='dark'] {
  --auth-input-background: #152a38;
  --auth-input-border: #3b5668;
  --auth-input-focus-ring: rgba(101, 210, 226, .17);
}
html[data-theme='light'] { color-scheme: light; }
html[data-theme='dark']  { color-scheme: dark; }

/* Normal, odakli ve tarayicinin kaydedilmis bilgileri doldurdugu alanlar */
.field input:not([type='checkbox']) {
  background-color: var(--auth-input-background);
  border-color: var(--auth-input-border);
  color: var(--text);
  caret-color: var(--text);
  background-clip: padding-box;
}
.field input:not([type='checkbox']):focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--auth-input-focus-ring);
}

/* Chrome / Edge / Safari / iPhone Safari autofill sari/yesil zeminini bastir */
.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus,
.field input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--auth-input-background) inset !important;
  box-shadow: 0 0 0 1000px var(--auth-input-background) inset !important;
  -webkit-text-fill-color: var(--text) !important;
  caret-color: var(--text) !important;
  border-color: var(--auth-input-border) !important;
}
.field input:-webkit-autofill:focus {
  border-color: var(--accent) !important;
  /* Autofill arkaplani ve turkuaz odak halkasi birlikte korunsun */
  -webkit-box-shadow: 0 0 0 1000px var(--auth-input-background) inset, 0 0 0 3px var(--auth-input-focus-ring) !important;
  box-shadow: 0 0 0 1000px var(--auth-input-background) inset, 0 0 0 3px var(--auth-input-focus-ring) !important;
}

/* Firefox ve standart :autofill secicisi */
.field input:autofill,
.field input:-moz-autofill {
  box-shadow: 0 0 0 1000px var(--auth-input-background) inset !important;
  background-color: var(--auth-input-background) !important;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  caret-color: var(--text) !important;
  border-color: var(--auth-input-border) !important;
}
.field input:autofill:focus,
.field input:-moz-autofill:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 1000px var(--auth-input-background) inset, 0 0 0 3px var(--auth-input-focus-ring) !important;
}