/* ==========================================================================
   MASAŞ ONE GİRİŞ EKRANI (12.11.2026 — tasarım taslağına göre yeniden çizildi)
   Açık, camsı (buzlu cam) kart; sol üstte logolar, solda "Dijital Güçle Daha
   Verimli Bir Masaş." başlığı, ortada giriş kartı, altta dört özellik şeridi,
   arkada mavi ışıklı dalga zemin. YALNIZ giriş sayfasında yükleniyor
   (giris.html); bütün sınıflar "giris-" önekli ve .giris-zemin altında:
   portalın geri kalanını etkilemez. Fontlar yerelde (Inter), harici CDN yok.
   Giriş mantığı değişmedi; tek betik (geri sayım / parola göster) nonce'lu.
   ========================================================================== */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---- zemin: açık gri-mavi + iki dalga (SVG, data: — CSP img-src 'self' data:) ---- */
body.giris-zemin{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  font-family:'Inter',system-ui,'Segoe UI',sans-serif;color:#0B1F4B;-webkit-font-smoothing:antialiased;
  background-color:#EEF2F9;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1282 720' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='z' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23F7F9FD'/><stop offset='1' stop-color='%23ECF0F8'/></linearGradient><linearGradient id='w' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23FFFFFF'/><stop offset='1' stop-color='%23F1F4FA'/></linearGradient><filter id='b' x='-20%25' y='-60%25' width='140%25' height='220%25'><feGaussianBlur stdDeviation='11'/></filter><filter id='b2' x='-20%25' y='-60%25' width='140%25' height='220%25'><feGaussianBlur stdDeviation='2.5'/></filter></defs><rect width='1282' height='720' fill='url(%23z)'/><path d='M1195 0 C1110 50 1030 120 985 215 L985 430 C1060 400 1170 342 1282 286 L1282 0 Z' fill='%23FFFFFF' opacity='.92'/><path d='M1282 322 C1170 378 1060 428 960 458' fill='none' stroke='%2390A4D4' stroke-width='40' opacity='.32' filter='url(%23b)'/><path d='M1282 294 C1170 350 1065 400 965 434' fill='none' stroke='%231F6BFF' stroke-width='18' opacity='.8' filter='url(%23b)'/><path d='M1282 292 C1170 348 1065 398 965 432' fill='none' stroke='%235AA2FF' stroke-width='5' opacity='.9' filter='url(%23b2)'/><path d='M1282 284 C1170 340 1062 390 965 424' fill='none' stroke='%23FFFFFF' stroke-width='3' opacity='.95' filter='url(%23b2)'/><path d='M1282 470 C1180 500 1080 560 1010 720 L1282 720 Z' fill='%23FFFFFF' opacity='.5'/><path d='M0 515 C120 500 280 525 440 592 L440 720 L0 720 Z' fill='url(%23w)'/><path d='M0 640 C110 585 270 560 440 598' fill='none' stroke='%231F6BFF' stroke-width='16' opacity='.7' filter='url(%23b)'/><path d='M0 632 C110 578 270 553 440 590' fill='none' stroke='%23FFFFFF' stroke-width='3' opacity='.95' filter='url(%23b2)'/><path d='M0 668 C120 610 290 580 470 612 C560 630 640 680 690 720 L0 720 Z' fill='%23FFFFFF' opacity='.96'/></svg>");
  background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
.giris-zemin *,.giris-zemin *::before,.giris-zemin *::after{box-sizing:border-box}
.giris-zemin h1,.giris-zemin h2,.giris-zemin p{margin:0}

/* ---- üst: logolar + etiket ---- */
.giris-zemin .giris-ust{display:flex;flex-direction:column;align-items:center;gap:22px;padding:22px 20px 0}
.giris-zemin .giris-logolar{display:flex;align-items:center;gap:30px}
.giris-zemin .giris-logo{height:54px;width:auto;display:block}
.giris-zemin .giris-ayrac{width:1.5px;height:52px;background:#4A5876;transform:rotate(14deg)}
.giris-zemin .giris-one{position:relative;display:inline-block;font-style:italic;font-weight:700;font-size:47px;line-height:1;letter-spacing:-.03em;color:#0B2A6F;padding-right:8px}
.giris-zemin .giris-one i{font-style:italic;background:linear-gradient(90deg,#0B4FD8,#2D8CFF);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:2px}
.giris-zemin .giris-one svg{position:absolute;right:-14px;top:-16px;width:92px;height:58px;overflow:visible}
.giris-zemin .giris-platform{font-size:11.5px;font-weight:500;letter-spacing:.62em;text-transform:uppercase;color:#46546F;padding-left:.62em}

/* ---- orta: solda başlık, sağda kart ---- */
.giris-zemin .giris-ana{flex:1;display:grid;grid-template-columns:minmax(0,330px) minmax(0,548px);gap:37px;
  width:100%;max-width:1280px;margin:0 auto;padding:18px 24px 8px;justify-content:center;align-items:start}
.giris-zemin .giris-sol{padding-top:16px}
.giris-zemin .giris-sol h2{font-weight:700;font-size:clamp(36px,4.1vw,54px);line-height:1.08;letter-spacing:-.025em;color:#0B1F4B}
.giris-zemin .giris-sol h2 em{font-style:normal;color:#1263EE}
.giris-zemin .giris-cizgi{display:block;width:150px;height:14px;margin:26px 0 28px}
.giris-zemin .giris-sol p{font-size:19px;font-weight:400;line-height:1.5;color:#1F2D4D;max-width:320px}

.giris-zemin .giris-kutu{position:relative;width:100%;padding:34px 54px 30px;border-radius:36px;
  background:linear-gradient(180deg,rgba(243,246,252,.62),rgba(235,239,249,.48));
  border:1.5px solid rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);
  box-shadow:0 0 0 4px rgba(255,255,255,.35),0 30px 60px -30px rgba(30,60,140,.26),inset 0 1px 0 #fff,inset 0 0 26px rgba(255,255,255,.55)}
.giris-zemin .giris-kutu h1{text-align:center;font-weight:700;font-size:28px;letter-spacing:-.015em;color:#0B1F4B}
.giris-zemin .giris-aciklama{text-align:center;font-size:14px;line-height:1.5;color:#2B3A5C;margin:6px 0 22px!important}
.giris-zemin .giris-aciklama strong{color:#0B1F4B}

.giris-zemin .giris-formu{display:flex;flex-direction:column;gap:12px}
.giris-zemin .giris-alan{position:relative;display:block}
.giris-zemin .giris-alan label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}  /* ekran okuyucu için; görsel taslakta etiket yok */
.giris-zemin .giris-girdi{width:100%;height:44px;margin:0;border:1px solid transparent;border-radius:999px;
  padding:0 46px 0 58px;font:inherit;font-size:15px;font-weight:500;color:#0B1F4B;background:#fff;
  box-shadow:0 4px 14px -6px rgba(30,60,130,.18)}
.giris-zemin .giris-girdi::placeholder{color:#1B2B52;font-weight:500}
.giris-zemin .giris-girdi:focus{outline:none;border-color:#2D74F0;box-shadow:0 0 0 3px rgba(45,116,240,.18),0 3px 10px -4px rgba(30,60,130,.14)}
.giris-zemin .giris-ikon{position:absolute;left:22px;top:50%;width:22px;height:22px;margin-top:-11px;color:#1B2B52;pointer-events:none}
.giris-zemin .giris-goz{position:absolute;right:14px;top:50%;width:32px;height:32px;margin-top:-16px;border:0;background:none;color:#5A6785;cursor:pointer;display:none;padding:6px}
.giris-zemin .giris-goz svg{width:20px;height:20px;display:block}
.giris-zemin .giris-goz:hover{color:#0B4FD8}
.giris-zemin .giris-kod{font-size:24px;font-weight:700;letter-spacing:.5em;text-align:center;padding:0 20px 0 calc(20px + .5em);font-variant-numeric:tabular-nums}
.giris-zemin .giris-kod::placeholder{letter-spacing:.5em;color:#9AA6BD}
.giris-zemin .giris-onay{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12.5px;color:#44536F;cursor:pointer;margin:2px 0 0}
.giris-zemin .giris-onay input{width:15px;height:15px;margin:0;accent-color:#1263EE}

.giris-zemin .giris-guvenlik{display:flex;flex-direction:column;align-items:center;gap:6px;margin:2px 0 0}
.giris-zemin .giris-captcha{display:block;width:200px;max-width:100%;height:auto;aspect-ratio:200/70;border-radius:14px;
  background:#eef3fb;box-shadow:0 4px 14px -6px rgba(30,60,130,.25)}
.giris-zemin .giris-yenile{font-size:12.5px;font-weight:600;color:#1263EE;text-decoration:none;padding:4px 8px;border-radius:8px}
.giris-zemin .giris-yenile:hover,.giris-zemin .giris-yenile:focus-visible{text-decoration:underline}
.giris-zemin .giris-dugme{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:47px;margin-top:6px;border:0;border-radius:999px;
  background:linear-gradient(180deg,#1A76FA 0%,#0647CF 100%);color:#fff;font:inherit;font-size:17px;font-weight:600;cursor:pointer;
  box-shadow:0 16px 28px -10px rgba(10,80,225,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.giris-zemin .giris-dugme svg{width:22px;height:22px}
.giris-zemin .giris-dugme:hover{background:linear-gradient(180deg,#2A7DFA 0%,#0B56E2 100%)}
.giris-zemin .giris-dugme:focus-visible,.giris-zemin .giris-ikincil:focus-visible{outline:3px solid rgba(45,116,240,.4);outline-offset:2px}
.giris-zemin .giris-dugme:disabled{background:#9DB6E0;box-shadow:none;cursor:not-allowed}
.giris-zemin .giris-ikincil-form{margin:10px 0 0}
.giris-zemin .giris-ikincil{width:100%;height:44px;border:1px solid #1263EE;border-radius:999px;background:rgba(255,255,255,.7);color:#0B4FD8;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.giris-zemin .giris-ikincil:hover:not(:disabled){background:#E8F0FD}
.giris-zemin .giris-ikincil:disabled{border-color:#CBD3E4;color:#8A96B0;cursor:not-allowed}
.giris-zemin .giris-baglanti{display:block;width:100%;border:0;background:none;color:#1263EE;font:inherit;font-size:12.5px;font-weight:600;text-decoration:underline;cursor:pointer;padding:8px 0 0}
.giris-zemin .giris-vazgec{font-size:12.5px;margin-top:12px;text-align:center}
.giris-zemin .giris-vazgec a{color:#1263EE;font-weight:600}
.giris-zemin .giris-not{text-align:center;font-size:12px;line-height:1.5;color:#5A6785;margin-top:14px}

.giris-zemin .giris-hata,.giris-zemin .giris-bilgi{display:flex;gap:10px;align-items:flex-start;border-radius:16px;padding:11px 14px;font-size:12.5px;line-height:1.45;margin-bottom:14px;white-space:pre-line}
.giris-zemin .giris-hata{background:#FDECEC;border:1px solid #F4C2C2;color:#8A1C1C}
.giris-zemin .giris-bilgi{background:#EAF2FE;border:1px solid #C9DBF8;color:#0B3B7A}
.giris-zemin .giris-hata svg,.giris-zemin .giris-bilgi svg{flex:none;width:18px;height:18px;margin-top:1px}

/* ---- alt: özellik şeridi + imza ---- */
.giris-zemin .giris-ozellikler{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;padding:14px 20px 4px}
.giris-zemin .giris-ozellik{display:flex;align-items:center;gap:12px;padding:6px 32px;font-size:13px;font-weight:500;line-height:1.25;color:#1F2D4D;max-width:240px}
.giris-zemin .giris-ozellik + .giris-ozellik{border-left:1px solid #C3CCDD}
@media (max-width:1000px){.giris-zemin .giris-ozellik + .giris-ozellik{border-left:0}}
.giris-zemin .giris-ozellik svg{flex:none;width:30px;height:30px;color:#2C3B5E}
.giris-zemin .giris-alt{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;padding:8px 20px 18px;font-size:11.5px;color:#5A6785;text-align:center}
.giris-zemin .giris-gorunum{display:flex;align-items:center;gap:8px}

/* ---- tablet (≤1000px): tek sütun, başlık kartın üstünde ortalı ---- */
@media (max-width:1000px){
  body.giris-zemin{background-attachment:scroll}
  .giris-zemin .giris-ana{grid-template-columns:minmax(0,548px);gap:22px;padding:18px 20px 8px}
  .giris-zemin .giris-sol{padding:0;text-align:center}
  .giris-zemin .giris-sol h2{font-size:clamp(30px,5.4vw,40px)}
  .giris-zemin .giris-cizgi{margin:14px auto 14px}
  .giris-zemin .giris-sol p{font-size:16px;max-width:420px;margin:0 auto}
  .giris-zemin .giris-girdi{font-size:16px}            /* iOS: 16px altı odakta sayfayı yakınlaştırır */
  .giris-zemin .giris-ozellik{flex-direction:column;text-align:center;gap:8px;padding:6px 20px;max-width:190px}
  .giris-zemin .giris-ozellik svg{width:28px;height:28px}
}
/* ---- telefon (≤640px): başlık gizli, kart öne; özellikler 2x2 ---- */
@media (max-width:640px){
  .giris-zemin .giris-ust{gap:14px;padding:18px 16px 0}
  .giris-zemin .giris-logolar{gap:14px;padding-right:12px}
  .giris-zemin .giris-logo{height:34px}
  .giris-zemin .giris-ayrac{height:34px}
  .giris-zemin .giris-one{font-size:28px;padding-right:4px}
  .giris-zemin .giris-one svg{width:56px;height:36px;right:-14px;top:-12px}
  .giris-zemin .giris-platform{letter-spacing:.34em;padding-left:.34em;font-size:10px;text-align:center}
  .giris-zemin .giris-sol{display:none}
  .giris-zemin .giris-ana{padding:16px 14px 6px}
  .giris-zemin .giris-kutu{padding:26px 18px 22px;border-radius:28px}
  .giris-zemin .giris-kutu h1{font-size:23px}
  .giris-zemin .giris-aciklama{font-size:13px;margin-bottom:18px!important}
  .giris-zemin .giris-girdi{padding-left:52px}
  .giris-zemin .giris-ikon{left:18px}
  .giris-zemin .giris-kod{font-size:22px;letter-spacing:.4em;padding-left:calc(20px + .4em)}
  .giris-zemin .giris-onay input{width:18px;height:18px}
  .giris-zemin .giris-onay{font-size:13px;padding:4px 0}
  .giris-zemin .giris-ozellikler{display:grid;grid-template-columns:1fr 1fr;gap:10px 0;max-width:360px;margin:0 auto;width:100%;padding:16px 14px 2px}
  .giris-zemin .giris-ozellik{max-width:none;padding:4px 8px;font-size:12px;border-left:0!important}
  .giris-zemin .giris-alt{flex-direction:column;gap:8px;padding:10px 16px 20px}
}
@media (max-width:360px){
  .giris-zemin .giris-kutu{padding:22px 14px 18px}
  .giris-zemin .giris-logo{height:30px}.giris-zemin .giris-one{font-size:25px}
}
/* ---- kısa yatay ekran (telefon yan): kart sıkışmasın ---- */
@media (max-height:520px) and (orientation:landscape){
  .giris-zemin .giris-ust{padding-top:10px;gap:8px}.giris-zemin .giris-logo{height:34px}.giris-zemin .giris-one{font-size:28px}
  .giris-zemin .giris-sol{display:none}.giris-zemin .giris-ana{grid-template-columns:minmax(0,520px)}
}
@media (prefers-reduced-motion:no-preference){.giris-zemin .giris-dugme,.giris-zemin .giris-girdi{transition:box-shadow .15s,background .15s,border-color .15s}}