:root{
 --ep-navy:#071d32;
 --ep-navy2:#0c3c62;
 --ep-gold:#efc45b;
 --ep-gold2:#c88e17;
 --ep-bg:#eef4f8;
 --ep-card:#ffffff;
 --ep-text:#092743;
 --ep-muted:#657d92;
 --ep-line:#d4e0e9;
 --ep-green:#16784e;
 --ep-red:#a92e34;
}

/* ==========================================================
   PUBLIC PORTAL SAYFALARI
   ========================================================== */

body.et-public-portal{
 background:
 linear-gradient(
  180deg,
  #f7fafc 0,
  #edf4f8 100%
 )!important;
 color:var(--ep-text);
}

body.et-public-portal .et-standalone-topbar,
body.et-public-portal .et-standalone-note{
 display:none!important;
}

/*
 * Önceki standalone CSS'nin gizlediği site parçalarını geri getir.
 */

body.et-public-portal .site-header,
body.et-public-portal .public-header,
body.et-public-portal .main-header,
body.et-public-portal .site-footer,
body.et-public-portal .public-footer,
body.et-public-portal .main-footer{
 display:revert!important;
}

/* ==========================================================
   FALLBACK ELITATUR PUBLIC HEADER
   ========================================================== */

.et-public-portal-header{
 min-height:72px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 padding:0 4%;
 background:#071d32;
 border-bottom:1px solid rgba(239,196,91,.32);
 box-sizing:border-box;
 color:#fff;
 position:relative;
 z-index:100;
}

.et-public-portal-header .brand{
 display:flex;
 align-items:center;
 gap:12px;
 color:#fff;
 text-decoration:none;
}

.et-public-portal-header .logo{
 width:42px;
 height:42px;
 border-radius:12px;
 display:grid;
 place-items:center;
 background:linear-gradient(
  135deg,
  #f6d879,
  #c89327
 );
 color:#09233c;
 font-family:Georgia,serif;
 font-size:24px;
 font-weight:900;
}

.et-public-portal-header .brand strong{
 display:block;
 letter-spacing:.13em;
 font-size:15px;
}

.et-public-portal-header .brand small{
 display:block;
 margin-top:3px;
 color:#91a8bb;
 font-size:9px;
 letter-spacing:.14em;
}

.et-public-portal-header nav{
 display:flex;
 gap:5px;
 align-items:center;
}

.et-public-portal-header nav a{
 min-height:39px;
 padding:0 12px;
 display:flex;
 align-items:center;
 border-radius:8px;
 text-decoration:none;
 color:#dce7ef;
 font-size:12px;
 font-weight:800;
}

.et-public-portal-header nav a:hover{
 background:rgba(255,255,255,.07);
}

.et-public-portal-header nav a.portal{
 background:var(--ep-gold);
 color:#09233c;
}

/* ==========================================================
   SAYFA UST BILGI
   ========================================================== */

.et-public-portal-intro{
 width:min(1140px,calc(100% - 34px));
 margin:26px auto 15px;
 padding:22px 25px;
 border-radius:17px;
 background:
 linear-gradient(
  135deg,
  #071d32,
  #0c3c62
 );
 color:#fff;
 box-sizing:border-box;
 box-shadow:0 16px 46px rgba(7,31,52,.11);
}

.et-public-portal-intro .eyebrow{
 color:var(--ep-gold);
 font-size:10px;
 font-weight:900;
 letter-spacing:.17em;
}

.et-public-portal-intro h1{
 margin:7px 0 6px!important;
 color:#fff!important;
 font-size:30px!important;
 line-height:1.15;
}

.et-public-portal-intro p{
 max-width:830px;
 margin:0;
 color:#cbd9e5;
 line-height:1.55;
}

.et-public-portal-intro .actions{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin-top:15px;
}

.et-public-portal-intro .actions a{
 display:inline-flex;
 align-items:center;
 min-height:38px;
 padding:0 12px;
 border-radius:8px;
 text-decoration:none;
 font-size:11px;
 font-weight:900;
}

.et-public-portal-intro .actions a:first-child{
 background:var(--ep-gold);
 color:#09233c;
}

.et-public-portal-intro .actions a:last-child{
 background:rgba(255,255,255,.09);
 color:#fff;
}

/* ==========================================================
   FORM STANDARDI
   ========================================================== */

body.et-public-portal form{
 color:var(--ep-text);
}

body.et-public-portal form label{
 color:#092743!important;
 font-weight:800!important;
}

body.et-public-portal form input,
body.et-public-portal form select,
body.et-public-portal form textarea{
 box-sizing:border-box;
 min-height:44px;
 border:1px solid #c9d7e2!important;
 border-radius:9px!important;
 background:#fff!important;
 color:#102a41!important;
}

body.et-public-portal form input:focus,
body.et-public-portal form select:focus,
body.et-public-portal form textarea:focus{
 outline:none!important;
 border-color:#39789f!important;
 box-shadow:
 0 0 0 3px
 rgba(37,111,158,.10)!important;
}

body.et-public-portal form textarea{
 min-height:92px;
}

/* ==========================================================
   SOFOR GIRIS
   ========================================================== */

.et-sofor-auth{
 width:min(1080px,calc(100% - 34px));
 margin:24px auto 65px;
 display:grid;
 grid-template-columns:.9fr 1fr;
 overflow:hidden;
 border:1px solid var(--ep-line);
 border-radius:22px;
 background:#fff;
 box-shadow:0 22px 65px rgba(9,35,57,.13);
}

.et-sofor-auth-info{
 padding:43px 40px;
 background:
 radial-gradient(
  circle at 80% 8%,
  rgba(239,196,91,.14),
  transparent 31%
 ),
 linear-gradient(
  150deg,
  #061a2d,
  #0a3558
 );
 color:#fff;
}

.et-sofor-auth-info .eyebrow{
 color:var(--ep-gold);
 font-size:10px;
 font-weight:900;
 letter-spacing:.18em;
}

.et-sofor-auth-info h1{
 margin:12px 0!important;
 color:#fff!important;
 font-size:39px!important;
 line-height:1.05;
}

.et-sofor-auth-info>p{
 color:#ccdae6;
 line-height:1.65;
}

.et-sofor-features{
 display:grid;
 gap:9px;
 margin-top:24px;
}

.et-sofor-features div{
 padding:10px 12px;
 border-radius:9px;
 background:rgba(255,255,255,.065);
 font-size:12px;
 color:#e4edf4;
}

.et-sofor-features b{
 margin-right:8px;
 color:var(--ep-gold);
}

.et-sofor-auth-form{
 padding:41px;
}

.et-sofor-auth-form .eyebrow{
 color:var(--ep-gold2);
 font-size:10px;
 font-weight:900;
 letter-spacing:.16em;
}

.et-sofor-auth-form h2{
 margin:7px 0!important;
 font-size:29px!important;
 color:#092743!important;
}

.et-sofor-auth-form>p{
 margin:0 0 22px;
 color:var(--ep-muted);
 line-height:1.5;
}

.et-sofor-auth-form label{
 display:block;
 margin-top:13px;
}

.et-sofor-auth-form input{
 width:100%;
 margin-top:6px;
 padding:10px 12px;
}

.et-password-box{
 position:relative;
}

.et-password-box input{
 padding-right:75px!important;
}

.et-password-button{
 position:absolute;
 right:6px;
 bottom:6px;
 min-height:32px!important;
 padding:0 9px;
 border:0!important;
 border-radius:7px!important;
 background:#eaf1f5!important;
 color:#264359!important;
 font-size:10px;
 font-weight:900;
 cursor:pointer;
}

.et-sofor-submit{
 width:100%;
 min-height:47px;
 margin-top:18px;
 border:0!important;
 border-radius:9px;
 background:
 linear-gradient(
  135deg,
  #efc55b,
  #e1a82d
 )!important;
 color:#08223a!important;
 font-weight:900;
 cursor:pointer;
}

.et-sofor-auth-links{
 margin-top:16px;
 display:flex;
 justify-content:space-between;
 gap:10px;
}

.et-sofor-auth-links a{
 color:#126794;
 text-decoration:none;
 font-size:12px;
 font-weight:900;
}

/* ==========================================================
   SOFOR KAYIT
   ========================================================== */

.et-sofor-register{
 width:min(1140px,calc(100% - 34px));
 margin:23px auto 65px;
 display:grid;
 grid-template-columns:310px 1fr;
 border:1px solid var(--ep-line);
 border-radius:22px;
 overflow:hidden;
 background:#fff;
 box-shadow:0 22px 65px rgba(9,35,57,.11);
}

.et-sofor-register-side{
 padding:36px 30px;
 background:
 linear-gradient(
  155deg,
  #061b2f,
  #0a3a5f
 );
 color:#fff;
}

.et-sofor-register-side .eyebrow{
 color:var(--ep-gold);
 font-size:10px;
 letter-spacing:.17em;
 font-weight:900;
}

.et-sofor-register-side h1{
 margin:12px 0!important;
 color:#fff!important;
 font-size:34px!important;
}

.et-sofor-register-side p{
 color:#cbd9e5;
 line-height:1.65;
}

.et-sofor-register-main{
 padding:34px;
}

.et-sofor-register-main h2{
 margin:0 0 5px;
}

.et-sofor-register-main>p{
 color:var(--ep-muted);
 margin:0 0 22px;
}

.et-sofor-register-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:13px;
}

.et-sofor-register-grid label{
 display:block;
 font-size:12px;
}

.et-sofor-register-grid input,
.et-sofor-register-grid select,
.et-sofor-register-grid textarea{
 width:100%;
 margin-top:5px;
 padding:9px 11px;
}

.et-sofor-register-grid .wide{
 grid-column:1/-1;
}

/* ==========================================================
   ACENTE KAYIT DUZENLEMESI
   ========================================================== */

body[data-et-page="agency-register"] .et-agency-shell-fix{
 width:min(1100px,calc(100% - 34px))!important;
 margin:20px auto 60px!important;
 align-items:stretch!important;
}

body[data-et-page="agency-register"] .et-agency-form-area{
 padding-top:0!important;
 margin-top:0!important;
}

body[data-et-page="agency-register"] .et-agency-form-area h1,
body[data-et-page="agency-register"] .et-agency-form-area h2{
 margin-top:5px!important;
}

body[data-et-page="agency-register"] .et-agency-eyebrow{
 display:inline-flex!important;
 align-items:center!important;
 min-height:25px!important;
 margin:0 0 7px!important;
 color:#bd8415!important;
 font-size:10px!important;
 font-weight:900!important;
 letter-spacing:.19em!important;
}

body[data-et-page="agency-register"] .et-agency-left-fix{
 position:relative;
 min-height:100%!important;
 background:
 radial-gradient(
  circle at 75% 12%,
  rgba(239,196,91,.14),
  transparent 30%
 ),
 linear-gradient(
  155deg,
  #061b2f,
  #0a375a
 )!important;
}

.et-agency-left-content{
 padding:45px 35px;
 color:#fff;
}

.et-agency-left-content span{
 color:var(--ep-gold);
 font-size:10px;
 font-weight:900;
 letter-spacing:.18em;
}

.et-agency-left-content h2{
 color:#fff!important;
 margin:12px 0 10px!important;
 font-size:31px!important;
}

.et-agency-left-content p{
 color:#cad8e4;
 line-height:1.65;
}

.et-agency-left-content ul{
 margin:25px 0 0;
 padding:0;
 list-style:none;
 display:grid;
 gap:9px;
}

.et-agency-left-content li{
 padding:9px 10px;
 border-radius:8px;
 background:rgba(255,255,255,.065);
 color:#e5edf3;
 font-size:12px;
}

/* ==========================================================
   REHBER / KULUP / OKUL
   ========================================================== */

body[data-et-page="guide-register"] form,
body[data-et-page="club-register"] form,
body[data-et-page="school-register"] form{
 width:min(1100px,calc(100% - 34px))!important;
 margin-left:auto!important;
 margin-right:auto!important;
 background:#fff!important;
 border:1px solid var(--ep-line)!important;
 border-radius:18px!important;
 box-shadow:0 13px 42px rgba(9,35,57,.055);
}

body[data-et-page="guide-register"] h1,
body[data-et-page="club-register"] h1,
body[data-et-page="school-register"] h1{
 color:#092743!important;
}

/* ==========================================================
   /PORTALLAR EK KARTLARI
   ========================================================== */

.et-added-portal-card{
 min-width:0;
 padding:22px!important;
 border:1px solid var(--ep-line)!important;
 border-radius:17px!important;
 background:
 linear-gradient(
  180deg,
  #fff,
  #f7fbfd
 )!important;
 box-sizing:border-box;
}

.et-added-portal-card .number{
 color:#ce8e0f;
 font-size:27px;
 font-weight:900;
}

.et-added-portal-card .icon{
 float:right;
 width:44px;
 height:44px;
 display:grid;
 place-items:center;
 border-radius:12px;
 background:#e9f2f8;
 color:#0b3455;
 font-size:18px;
}

.et-added-portal-card h3{
 clear:both;
 padding-top:17px;
 margin:0 0 9px!important;
 color:#092743!important;
 font-size:22px!important;
}

.et-added-portal-card>p{
 min-height:53px;
 color:#627b90;
 line-height:1.55;
 font-size:12px;
}

.et-added-features{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:6px;
 margin:15px 0;
}

.et-added-features span{
 padding:7px 8px;
 background:#f2f6f9;
 border-radius:7px;
 color:#264459;
 font-size:10px;
 font-weight:700;
}

.et-added-actions{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:7px;
 margin-top:17px;
}

.et-added-actions a{
 min-height:41px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:8px;
 text-decoration:none!important;
 font-size:11px;
 font-weight:900;
}

.et-added-actions .login{
 background:#092f50;
 color:#fff!important;
}

.et-added-actions .register{
 background:var(--ep-gold);
 color:#09233c!important;
}

/* ==========================================================
   FOOTER FALLBACK
   ========================================================== */

.et-public-portal-footer{
 max-width:1140px;
 margin:35px auto 0;
 padding:18px 20px 28px;
 border-top:1px solid #d6e1e9;
 display:flex;
 justify-content:space-between;
 gap:20px;
 color:#73879a;
 font-size:11px;
}

.et-public-portal-footer a{
 color:#1a668f;
 text-decoration:none;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:900px){

 .et-public-portal-header{
  padding:9px 14px;
 }

 .et-public-portal-header nav a:not(.portal){
  display:none;
 }

 .et-sofor-auth,
 .et-sofor-register{
  grid-template-columns:1fr;
 }

 .et-sofor-auth-info{
  padding:30px 25px;
 }

 .et-sofor-register-side{
  padding:28px 24px;
 }

 .et-sofor-auth-form,
 .et-sofor-register-main{
  padding:27px 22px;
 }

 .et-sofor-register-grid{
  grid-template-columns:1fr;
 }

 .et-sofor-register-grid .wide{
  grid-column:auto;
 }

 .et-agency-left-content{
  padding:29px 23px;
 }
}

@media(max-width:600px){

 .et-public-portal-intro h1{
  font-size:25px!important;
 }

 .et-sofor-auth-info h1{
  font-size:31px!important;
 }

 .et-added-features,
 .et-added-actions{
  grid-template-columns:1fr;
 }

 .et-public-portal-footer{
  flex-direction:column;
 }

}