/* Proje Odası girişi (netsystem.com.tr/teklif/) — odayla aynı "Kurumsal güven" dili: Lexend + Source Sans 3, lacivert ve NetSystem mavisi. */
:root{
  --ground:#f8fafc; --surface:#fff; --line:#e2e8f0; --line-2:#cbd5e1;
  --ink:#0f172a; --txt:#1e293b; --muted:#475569; --faint:#94a3b8;
  --brand:#0d6ef0; --brand-ink:#0a58c4; --brand-soft:#eaf2fe; --brand-ring:#bfd8fb;
  --err:#b91c1c; --err-soft:#fef2f2;
  --head:"Lexend",system-ui,sans-serif; --body:"Source Sans 3",system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font:400 16px/1.6 var(--body);color:var(--txt);background:var(--ground);-webkit-font-smoothing:antialiased}
h1,h2{font-family:var(--head);font-weight:600;color:var(--ink);margin:0;letter-spacing:-.01em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--brand-ink);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}

.gr{min-height:100%;display:grid;grid-template-columns:minmax(360px,5fr) 7fr}
.gr__sol{background:var(--ink);color:#c9d6e8;padding:48px 56px;display:flex;flex-direction:column;gap:48px;position:relative;overflow:hidden}
.gr__sol::after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.02)}
.gr__logo img{display:block;height:34px;width:auto}
.gr__metin{margin:auto 0;max-width:440px;position:relative;z-index:1}
.gr__metin h1{color:#fff;font-size:40px;line-height:1.15;margin-bottom:16px}
.gr__metin>p{font-size:17px;color:#c9d6e8}
.gr__liste{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:18px}
.gr__liste li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.gr__liste svg{width:36px;height:36px;padding:8px;border-radius:9px;background:rgba(255,255,255,.07);fill:none;stroke:#93c5fd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gr__liste b{display:block;font:600 15px/1.35 var(--head);color:#fff}
.gr__liste span{font-size:15px;color:#9fb0c7}
.gr__alt{font-size:13px;color:#7f93b0;position:relative;z-index:1}

.gr__sag{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:20px}
.gk{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:36px 36px 30px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 24px 48px -32px rgba(15,23,42,.25)}
.gk__adim{display:flex;flex-direction:column}
.gk__adim[hidden]{display:none}
.gk__no{font:600 12.5px/1 var(--head);color:var(--brand-ink);margin-bottom:12px}
.gk h2{font-size:26px;margin-bottom:8px}
.gk__adim>p{font-size:15.5px;color:var(--muted);margin-bottom:22px}
.gk__adim>p b,[data-eposta-goster]{color:var(--ink);font-weight:600;word-break:break-all}
label,.gk__lb{font:600 14px/1.3 var(--head);color:var(--ink);margin-bottom:8px}
input{height:48px;border:1.5px solid var(--line-2);border-radius:10px;padding:0 14px;font:400 16px var(--body);color:var(--ink);background:#fff;width:100%}
input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}
input[aria-invalid="true"]{border-color:var(--err)}
.gk__kod{font:600 26px/1 var(--head);letter-spacing:.5em;text-align:center;padding-left:.5em;height:58px}
.gk__hata{min-height:0;margin-top:10px;font-size:14.5px;color:var(--err)}
.gk__hata:empty{margin-top:0}
.gk__b{margin-top:18px;height:50px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:600 16px var(--head);cursor:pointer;transition:background .15s}
.gk__b:hover{background:var(--brand-ink)}
.gk__b[aria-busy="true"]{opacity:.7;cursor:progress}
.gk__ek{display:flex;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}
.gk__l{border:0;background:none;padding:6px 0;font:600 14px var(--head);color:var(--brand-ink);cursor:pointer}
.gk__l:disabled{color:var(--faint);cursor:default}
.gk__roller{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
[data-rol-alani]{margin-top:18px;display:flex;flex-direction:column}
.gk__roller button{height:40px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:999px;background:#fff;font:600 14px var(--head);color:var(--muted);cursor:pointer}
.gk__roller button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}
.gk__odalar{display:grid;gap:10px}
.gk__odalar a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1.5px solid var(--line);border-radius:10px;text-decoration:none;transition:border-color .15s}
.gk__odalar a:hover{border-color:var(--brand)}
.gk__odalar b{font:600 16px/1.3 var(--head);color:var(--ink)}
.gk__odalar span{font-size:14.5px;color:var(--muted)}
.gr__yardim{font-size:14px;color:var(--muted);text-align:center}

@media (max-width:860px){
  .gr{grid-template-columns:1fr}
  .gr__sol{padding:28px 20px 32px;gap:24px}
  .gr__metin h1{font-size:30px}
  .gr__liste{display:none}
  .gr__alt{display:none}
  .gr__sag{padding:24px 16px 40px;justify-content:flex-start}
  .gk{padding:26px 20px 22px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.gk__ust{margin-top:16px}
.gk__sifre{position:relative}
.gk__sifre input{padding-right:84px}
.gk__goster{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:36px;padding:0 12px;border:0;border-radius:8px;background:var(--ground);font:600 13.5px var(--head);color:var(--brand-ink);cursor:pointer}
.gk__not{margin-top:16px!important;margin-bottom:0!important;font-size:13.5px!important;color:var(--muted)}