/* Kayıt penceresi — 3075marsbahis kayıt ekranı ölçüleriyle */
.sg-overlay{position:fixed;inset:0;z-index:10000060;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.75);overflow:auto}
.sg-overlay[hidden]{display:none!important}
.sg-window{position:relative;display:flex;flex-direction:column;width:100%;max-width:440px;max-height:94vh;border-radius:16px;background:#0f1923;background-image:radial-gradient(120% 90% at 38% 0%,#1b3347 0%,#0f1923 60%);box-shadow:0 8px 40px rgba(0,0,0,.5);overflow:hidden;color:#e8edf2;font:400 14px/14px Outfit,Arial,sans-serif}
.sg-head{position:relative;display:flex;flex:0 0 56px;align-items:center;border-radius:16px 16px 0 0}
.sg-head h2{flex:1;margin:0;padding:0 56px;color:#e8edf2;font:400 18px/18px Outfit,Arial,sans-serif;letter-spacing:-.2px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-close{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:0;background:transparent;color:#e8edf2;cursor:pointer;z-index:1}
.sg-close:hover{opacity:.7}
.sg-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.sg-form{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:24px 24px 10px}
.sg-form::-webkit-scrollbar{width:8px}
.sg-form::-webkit-scrollbar-thumb{background:#384f68;border-radius:8px}
.sg-anon{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin:0 0 20px;padding:0 16px;border:1px dashed #d62828;border-radius:8px;background:transparent;color:#e8edf2;font:400 16px/16px Outfit,Arial,sans-serif;cursor:pointer;transition:background-color .15s,opacity .15s}
.sg-anon:hover{background:rgba(214,40,40,.05)}
.sg-anon svg{flex:0 0 auto;color:#e8edf2}
.sg-anon-label{font:400 16px/16px Outfit,Arial,sans-serif}
.sg-anon-badge{position:absolute;top:-8px;right:10px;padding:2px 8px;border-radius:999px;background:#d62828;color:#fff;font:400 10px/14px Outfit,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase}
.sg-progress{display:flex;gap:6px;padding:0 0 8px;margin:0 0 14px}
.sg-progress span{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.25);transition:background .3s}
.sg-progress span.is-active{background:rgba(255,255,255,.7)}
.sg-step[hidden]{display:none}
.sg-step-title{margin:0 0 14px;color:#8899aa;font:400 14px/1.3 Outfit,Arial,sans-serif}
.sg-group{display:block}
.sg-field{margin:0 0 14px}
.sg-field[hidden]{display:none}
.sg-label{display:block;margin:0 0 8px;color:#8899aa;font:400 13px/13px Outfit,Arial,sans-serif}
.sg-fieldbox{position:relative;display:block;width:100%}
.sg-input{display:block;width:100%;height:52px;padding:0 16px;border:1px solid #384f68;border-radius:8px;background:#1f3246;color:#e8edf2;font:400 16px/18.4px Outfit,Arial,sans-serif;outline:0;transition:border-color .2s;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.sg-input::placeholder{color:#8899aa;opacity:1}
.sg-input:focus{border-color:#d62828}
.sg-fieldbox--sifre .sg-input{padding-right:50px}
.sg-eye{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:block;width:20px;height:22px;color:#8899aa;cursor:pointer;transition:color .2s;z-index:1}
.sg-eye svg{width:20px;height:22px}
.sg-eye.is-visible{color:#d62828}
.sg-select{position:relative;width:100%}
.sg-selectbox{display:block;width:100%;height:48px;padding:0 40px 0 12px;border:1px solid #384f68;border-radius:8px;background:#1f3246;color:#e8edf2;font:400 14px/1.15 Outfit,Arial,sans-serif;outline:0;cursor:pointer;-webkit-appearance:none;appearance:none;box-sizing:border-box}
.sg-select::after{content:"";position:absolute;top:50%;right:16px;width:8px;height:8px;margin-top:-6px;border-right:2px solid #e8edf2;border-bottom:2px solid #e8edf2;transform:rotate(45deg);pointer-events:none}
.sg-selectbox:focus{border-color:#d62828}
.sg-field--onay{padding-top:2px}
.sg-check{display:flex;align-items:center;gap:12px;cursor:pointer}
.sg-checkbox{position:relative;flex:0 0 22px;width:22px;height:22px}
.sg-checkbox input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer;z-index:1}
.sg-checkicon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid #384f68;border-radius:4px;background:transparent;box-sizing:border-box;transition:border-color .2s,background .2s}
.sg-checkicon::after{content:"";width:5px;height:9px;margin-top:-2px;border-right:2px solid #39b54a;border-bottom:2px solid #39b54a;transform:rotate(45deg) scale(0);transition:transform .15s}
.sg-checkbox input:checked+.sg-checkicon{border-color:#39b54a}
.sg-checkbox input:checked+.sg-checkicon::after{transform:rotate(45deg) scale(1)}
.sg-checkbox input:focus-visible+.sg-checkicon{outline:2px solid #d62828;outline-offset:2px}
.sg-checktext{color:#e8edf2;font:400 13px/14px Outfit,Arial,sans-serif}
.sg-checktext a{color:#e8edf2;text-decoration:underline}
.sg-dogum{position:relative;display:block;width:100%}
.sg-date{display:inline-block;width:100%;height:48px;padding:0 12px;border:1px solid #384f68;border-radius:8px;background:#1f3246;color:rgba(232,237,242,.5);font:400 14px/1.15 Outfit,Arial,sans-serif;outline:0;box-sizing:border-box;color-scheme:dark}
.sg-date:focus{border-color:#d62828}
.sg-tel{display:flex;align-items:center;width:100%;height:48px;border:1px solid #384f68;border-radius:8px;background:#1f3246;box-sizing:border-box}
.sg-tel:focus-within{border-color:#d62828}
.sg-tel-prefix{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0 8px;height:100%;cursor:pointer}
.sg-tel-code{color:#e8edf2;font:400 14px/14px Outfit,Arial,sans-serif}
.sg-tel-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;background:transparent;cursor:pointer}
.sg-tel-input{flex:1 1 0;min-width:0;height:100%;padding:0 8px;border:0;background:transparent;color:#e8edf2;font:400 14px/1.2 Outfit,Arial,sans-serif;outline:0}
.sg-gizli{display:block}
.sg-gizli .sg-select{margin:0 0 10px}
.sg-error{display:block;margin:6px 0 0;color:#ff6b6b;font:400 12px/1.3 Outfit,Arial,sans-serif}
.sg-error[hidden]{display:none}
.sg-field.has-error .sg-input,.sg-field.has-error .sg-selectbox,.sg-field.has-error .sg-tel,.sg-field.has-error .sg-date{border-color:#ff6b6b}
.sg-buttons{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin:24px 0 0}
.sg-btn{display:inline-flex;flex:1;align-items:center;justify-content:center;height:48px;min-height:48px;padding:0 16px;border:1px solid #d62828;border-radius:8px;background:#d62828;color:#fff;font:400 14px/1 Outfit,Arial,sans-serif;text-transform:uppercase;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:opacity .2s;vertical-align:middle}
.sg-btn[hidden]{display:none}
.sg-btn:hover{opacity:.9}
.sg-btn--geri{background:transparent;color:#d62828}
.sg-formerror{margin:14px 0 12px;padding:9px 12px;border:1px solid rgba(214,40,40,.5);border-radius:8px;background:rgba(214,40,40,.1);color:#ffb3b3;font:400 13px/1.35 Outfit,Arial,sans-serif}
.sg-formerror[hidden]{display:none}
.sg-anonflow[hidden]{display:none}
.sg-anoncard{background:#16232f;border:1px solid #24384a;border-radius:10px;padding:16px 16px 6px;margin:0 0 20px}
.sg-anoncard-title{margin:0 0 14px;color:#e8edf2;font:700 15px/1.3 Outfit,Arial,sans-serif}
.sg-anoncard-list{list-style:none;margin:0;padding:0}
.sg-anoncard-list li{display:flex;gap:10px;margin:0 0 12px;color:#cfd8e3;font:400 14px/1.5 Outfit,Arial,sans-serif}
.sg-anoncard-list li:last-child{margin-bottom:10px}
.sg-ic{flex:0 0 18px;display:block;width:18px;height:18px;margin-top:1px}
.sg-ic svg{display:block;width:18px;height:18px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sg-anoncard-list .is-ok .sg-ic svg{stroke:#39b54a}
.sg-anoncard-list .is-warn .sg-ic svg{stroke:#f5a623}
.sg-btn--anonim{flex:0 0 auto;width:100%;height:56px;margin:6px 0 0;font:700 15px/1 Outfit,Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase}
.sg-anonswitch{margin:14px 0 4px;text-align:center;color:#8899aa;font:400 13px/1.3 Outfit,Arial,sans-serif}
.sg-anonswitch a{color:#d62828;text-decoration:none}
.sg-anonswitch a:hover{text-decoration:underline}
.sg-switch{padding:16px 24px;color:#8899aa;font:400 14px/14px Outfit,Arial,sans-serif}.sg-switch a{margin:0 0 0 4px;color:#d62828;text-decoration:none}
.sg-switch a:hover{text-decoration:underline}
@media(max-width:520px){
  .sg-form{padding:18px 18px 8px}
  .sg-head h2{padding:0 48px;font-size:17px}
  .sg-window{max-height:96vh}
}

/* ---- MOBIL: tam ekran kayit (gorseldeki gibi) ---- */
@media (max-width: 900px) {
  .sg-overlay{padding:0;background:#08111c;align-items:stretch;display:block;overflow-y:auto}
  .sg-window{
    width:100%;max-width:100%;min-height:100dvh;max-height:none;border-radius:0;border:0;
    background:#08111c;box-shadow:none;display:flex;flex-direction:column
  }
  .sg-head{flex:0 0 58px;padding:0 52px;border-bottom:1px solid #16283a;border-radius:0;justify-content:center;position:relative}
  .sg-head h2{padding:0;font-size:15px;font-weight:800;letter-spacing:.2px;color:#fff;text-transform:capitalize;text-align:center;margin:0}
  .sg-close{position:absolute;right:14px;top:13px;color:#c6d3de}
  .sg-form{padding:18px 22px 26px}
  .sg-anon{height:58px;border:1px dashed #e11d1d;border-radius:8px;background:#0e1a26;margin-bottom:18px}
  .sg-anon-label{font-size:14.5px;font-weight:800;color:#eaf2f9}
  .sg-anon-badge{position:absolute;right:-6px;top:-9px;background:#e11d1d;color:#fff;font-size:10px;font-weight:800;letter-spacing:.4px;border-radius:5px;padding:3px 7px}
  .sg-progress{gap:6px;margin:0 0 16px}
  .sg-progress span{height:4px;border-radius:2px;background:#1e3348}
  .sg-progress span.is-active{background:#e11d1d}
  .sg-step-title{font-size:14px;color:#9fb2c4;font-weight:600;text-align:center;margin:0 0 16px}
  .sg-label{font-size:13px;color:#a3b6c8;font-weight:500;margin-bottom:6px}
  .sg-fieldbox{min-height:54px;border-radius:8px;border:1px solid #24374d;background:#16273a}
  .sg-input{height:52px;font-size:15px;color:#eaf2f9;background:transparent}
  .sg-input::placeholder{color:#7e91a6}
  .sg-selectbox{height:52px;font-size:15px;color:#eaf2f9;background:transparent}
  .sg-submit,.sg-step .sg-submit,#register_form .sg-submit{
    height:50px;border-radius:8px;background:#e11d1d;color:#fff;font-size:15px;font-weight:800;letter-spacing:.4px;width:100%
  }
  .sg-terms,.sg-check{font-size:13px;color:#a8bacb}
  .sg-switch{margin-top:auto;padding:18px 22px 26px;color:#8ea3b7;font-size:13.5px}
  .sg-switch a{color:#e11d1d;font-weight:700}
}
@media (max-width: 900px) {
  .sg-buttons{margin:20px 0 0;gap:10px}
  .sg-btn{height:50px;min-height:50px;border-radius:8px;font-size:15px;font-weight:800;letter-spacing:.4px}
  .sg-btn--onay{background:#e11d1d;color:#fff}
  .sg-btn--geri{color:#e11d1d}
  .sg-btn--anonim{height:50px;border-radius:8px;background:#e11d1d;color:#fff}
}