/* EMDATE V61 — premium readability, conversion and mobile-first experience */
:root{
  --navy:#07111f!important;
  --navy-l:#0d1b2d!important;
  --navy-m:#15263d!important;
  --white:#f7f9fd!important;
  --muted:#b7c3d4!important;
  --border:rgba(222,232,246,.17)!important;
  --glass:rgba(255,255,255,.095)!important;
  --glass-2:rgba(255,255,255,.052)!important;
  --em-surface:#0d1b2d;
  --em-surface-raised:#14253b;
  --em-text:#f7f9fd;
  --em-text-soft:#c3cedc;
  --em-line:rgba(222,232,246,.18);
  --em-focus:#ffd166;
}
html[data-theme="light"]{
  --navy:#f2f5f9!important;--navy-l:#ffffff!important;--navy-m:#e6edf5!important;
  --white:#101a2b!important;--muted:#52627a!important;--border:rgba(16,26,43,.17)!important;
  --glass:rgba(255,255,255,.94)!important;--glass-2:rgba(245,248,252,.92)!important;
  --em-surface:#fff;--em-surface-raised:#f5f8fc;--em-text:#101a2b;--em-text-soft:#52627a;--em-line:rgba(16,26,43,.17);
}
html[data-theme="clinical"]{
  --navy:#d9f5f1!important;--navy-l:#eefbf9!important;--navy-m:#c6ebe6!important;
  --white:#062f3c!important;--muted:#285861!important;--border:rgba(0,94,106,.25)!important;
  --glass:rgba(241,255,252,.94)!important;--glass-2:rgba(220,249,245,.90)!important;
  --em-surface:#eefbf9;--em-surface-raised:#dff6f2;--em-text:#062f3c;--em-text-soft:#285861;--em-line:rgba(0,94,106,.25);
}

html{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-padding-top:92px}
body{font-weight:400!important;line-height:1.62;text-rendering:optimizeLegibility}
p,li,.sec-desc,.hero-full,.home-disclosure-copy small,.quick-card span,.journey-card p,.info-box p,.info-box li{color:var(--muted)}
a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--em-focus)!important;outline-offset:3px!important;
}
button,a{touch-action:manipulation}
input,select,textarea{font-size:16px!important;line-height:1.45;min-height:50px}
textarea{min-height:130px}
::selection{background:#ffd166;color:#101624}

/* Stronger, quieter navigation */
nav#navbar,.em-shell-nav{
  background:rgba(7,17,31,.96)!important;border-bottom-color:var(--em-line)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
html[data-theme="light"] nav#navbar,html[data-theme="light"] .em-shell-nav{background:rgba(255,255,255,.97)!important}
html[data-theme="clinical"] nav#navbar,html[data-theme="clinical"] .em-shell-nav{background:rgba(238,251,249,.97)!important}
.nav-links.premium-nav-links>li>a,.nav-drop-toggle,.em-shell-link,.em-shell-dropbtn{color:var(--muted)!important}
.nav-links.premium-nav-links>li>a:hover,.nav-drop-toggle:hover,.em-shell-link:hover,.em-shell-dropbtn:hover{color:var(--white)!important}
.nav-dropdown,.em-shell-dropdown{border-color:var(--em-line)!important;background:rgba(13,27,45,.99)!important}
html[data-theme="light"] .nav-dropdown,html[data-theme="light"] .em-shell-dropdown{background:#fff!important}
html[data-theme="clinical"] .nav-dropdown,html[data-theme="clinical"] .em-shell-dropdown{background:#eefbf9!important}
.nav-dropdown a,.em-shell-dropdown a{min-height:48px}
.hamburger{width:46px;height:46px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:14px;background:var(--glass-2);text-decoration:none}
.hamburger span{width:22px!important;height:2px!important;border-radius:2px}

/* Homepage hero: one promise, three clear actions */
#hero{min-height:720px!important;padding-top:112px!important;padding-bottom:70px!important}
.hero-c.em-neo-hero{width:min(1180px,calc(100% - 48px))!important;gap:clamp(28px,5vw,66px)!important}
.em-neo-left .hero-full{color:var(--em-text-soft)!important;font-size:1.04rem!important;line-height:1.75!important;max-width:690px!important}
.em-neo-left .hero-loc{color:#f2c677!important;font-weight:750!important}
.hero-badge{color:#ffd89b!important;border-color:rgba(255,209,102,.34)!important;background:rgba(255,209,102,.08)!important}
html[data-theme="light"] .hero-badge,html[data-theme="clinical"] .hero-badge{color:#75500b!important}
.em-neo-left .abstract-alert{
  border-color:rgba(255,209,102,.34)!important;background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(200,25,46,.08))!important;
}
.abstract-alert-title{color:var(--white)!important;line-height:1.45}
.abstract-alert-title em,.abstract-alert-kicker{color:#ffd166!important}
html[data-theme="light"] .abstract-alert-title em,html[data-theme="light"] .abstract-alert-kicker,
html[data-theme="clinical"] .abstract-alert-title em,html[data-theme="clinical"] .abstract-alert-kicker{color:#80560a!important}
.em-neo-left .hero-btns a{min-height:50px!important;font-weight:900!important}
.em-neo-right-panel{border-color:var(--em-line)!important;background:linear-gradient(155deg,rgba(20,37,59,.97),rgba(9,22,38,.96))!important}
html[data-theme="light"] .em-neo-right-panel,html[data-theme="clinical"] .em-neo-right-panel{background:var(--em-surface)!important}
.em-neo-right .countdown,.em-neo-right .hero-metric{border:1px solid var(--em-line)!important;background:rgba(255,255,255,.055)!important}
html[data-theme="light"] .em-neo-right .countdown,html[data-theme="light"] .em-neo-right .hero-metric,
html[data-theme="clinical"] .em-neo-right .countdown,html[data-theme="clinical"] .em-neo-right .hero-metric{background:var(--em-surface-raised)!important}
.hero-metric span,.cl{color:var(--muted)!important}

/* Live status language for the competition */
[data-quiz-status-card]{position:relative}
[data-quiz-status-card]::after{
  content:attr(data-state-label);position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:999px;
  border:1px solid var(--em-line);background:var(--glass);color:var(--muted);font-size:.62rem;font-weight:950;letter-spacing:.8px;text-transform:uppercase;
}
[data-quiz-status-card][data-quiz-state="active"]::after{content:"Şimdi açık";color:#8df0b5;border-color:rgba(46,204,113,.42);background:rgba(46,204,113,.10)}
[data-quiz-status-card][data-quiz-state="upcoming"]::after{content:"Yakında";color:#91dfff;border-color:rgba(20,184,232,.42);background:rgba(20,184,232,.10)}
[data-quiz-status-card][data-quiz-state="results"]::after{content:"Sonuçlar";color:#ffd68a;border-color:rgba(232,160,32,.42);background:rgba(232,160,32,.10)}
[data-quiz-status-card][data-quiz-state="waiting"]::after{content:"Yeni tur"}
.quiz-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:#91a1ba}
[data-quiz-state="active"] .quiz-status-dot{background:#2ecc71;box-shadow:0 0 0 5px rgba(46,204,113,.12)}

/* Clear content surfaces and conversion paths */
section{padding-left:clamp(18px,4.5vw,60px)!important;padding-right:clamp(18px,4.5vw,60px)!important}
.container{width:min(1220px,100%)}
.sec-desc{font-size:1rem!important;line-height:1.78!important;max-width:720px}
.journey-grid{gap:18px!important}
.journey-card{
  border-color:var(--em-line)!important;background:linear-gradient(155deg,rgba(20,37,59,.98),rgba(10,23,40,.96))!important;
  box-shadow:0 20px 50px rgba(0,0,0,.20)!important;
}
html[data-theme="light"] .journey-card,html[data-theme="clinical"] .journey-card{background:var(--em-surface)!important;box-shadow:0 18px 42px rgba(16,26,43,.10)!important}
.journey-card.featured{border-color:rgba(255,209,102,.40)!important}
.journey-card p{font-size:.92rem!important;line-height:1.65!important}
.journey-links a{min-height:48px!important;background:rgba(255,255,255,.06)!important;border-color:var(--em-line)!important;color:var(--white)!important}
html[data-theme="light"] .journey-links a,html[data-theme="clinical"] .journey-links a{background:var(--em-surface-raised)!important}
.home-disclosure{border-color:var(--em-line)!important;background:var(--em-surface)!important}
.home-disclosure>summary{min-height:74px}
.home-disclosure-copy b{font-size:1rem!important}.home-disclosure-copy small{font-size:.82rem!important;color:var(--muted)!important}
.home-disclosure-body{background:rgba(255,255,255,.025)}
.quick-card,.app-board,.dash-panel,.app-banner,.info-box,.reg-card,.hotel-card,.members-panel,.faq-item,.choice-card,.textured-panel{
  border-color:var(--em-line)!important;
}
.quick-card span,.app-tile p,.dash-row span,.info-box p,.info-box li,.reg-card p,.hotel-card p,.faq-a{color:var(--muted)!important}

/* Forms and data should never feel cramped */
.field label,label{line-height:1.45}
.form-grid,.quiz-form-grid,.grid,.status-form,.utility-form{column-gap:18px!important;row-gap:17px!important}
input,select,textarea{border-color:var(--em-line)!important;background:var(--navy-m)!important;color:var(--white)!important}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea,
html[data-theme="clinical"] input,html[data-theme="clinical"] select,html[data-theme="clinical"] textarea{background:var(--em-surface-raised)!important}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 82%,transparent);opacity:1}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{min-width:680px}

/* Shared public pages */
body.em-shell-page{min-height:100dvh}
.em-shell-nav{min-height:72px}
.em-shell-mobile-menu summary{min-width:48px;min-height:46px;display:grid;place-items:center}
.em-shell-mobile-panel{border-color:var(--em-line)!important;background:var(--em-surface)!important}
.em-shell-mobile-panel a{min-height:48px;display:flex;align-items:center}
.em-shell-footer{color:var(--muted)!important}
.abs-wrap,.wrap{width:min(1180px,calc(100% - 36px))!important}
.card,.side-card,.abs-hero{border-color:var(--em-line)!important}

/* Quiz public page */
body.em-quiz-page{background:linear-gradient(180deg,#07111f,#0d1b2d 55%,#07111f)!important;color:var(--white)!important;min-height:100dvh}
body.em-quiz-page .top{background:rgba(7,17,31,.97)!important;border-bottom:1px solid var(--em-line)!important}
body.em-quiz-page .wrap{width:min(1080px,calc(100% - 36px))!important}
body.em-quiz-page .card,body.em-quiz-page .hero{background:var(--em-surface)!important;border-color:var(--em-line)!important}
body.em-quiz-page .notice,body.em-quiz-page .member-summary>div,body.em-quiz-page .privacy-box{border-color:var(--em-line)!important;background:rgba(255,255,255,.055)!important}
body.em-quiz-page .option{min-height:52px;border-color:var(--em-line)!important}
body.em-quiz-page .topnav a{min-height:44px;display:inline-flex;align-items:center}

/* Mobile task dock */
.sticky-mobile-cta{display:none!important}

/* Dedicated no-overlay mobile navigation page */
body.em-mobile-hub{background:linear-gradient(180deg,#07111f,#0d1b2d 54%,#07111f);min-height:100dvh;color:var(--white)}
.mobile-hub-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:rgba(7,17,31,.98);border-bottom:1px solid var(--em-line)}
.mobile-hub-logo{font-size:1.35rem;font-weight:950;color:var(--white);text-decoration:none}.mobile-hub-logo span{color:var(--red)}
.mobile-hub-close{min-height:44px;padding:10px 14px;border:1px solid var(--em-line);border-radius:13px;color:var(--white);text-decoration:none;font-weight:850}
.mobile-hub-main{width:min(620px,calc(100% - 28px));margin:0 auto;padding:28px 0 120px}
.mobile-hub-kicker{color:#ffd166;font-size:.7rem;font-weight:950;letter-spacing:1.8px;text-transform:uppercase}
.mobile-hub-main h1{font-size:clamp(2rem,10vw,3.25rem);line-height:1.02;margin:8px 0 10px}.mobile-hub-main>p{color:var(--muted);margin:0 0 24px}
.mobile-hub-status{display:block;margin-bottom:16px;padding:18px;border:1px solid rgba(255,209,102,.32);border-radius:18px;background:rgba(255,209,102,.08);color:var(--white);text-decoration:none}
.mobile-hub-status b,.mobile-hub-status span{display:block}.mobile-hub-status span{color:var(--muted);margin-top:4px;font-size:.86rem}
.mobile-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mobile-hub-card{min-height:150px;padding:19px;border:1px solid var(--em-line);border-radius:20px;background:var(--em-surface);color:var(--white);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}
.mobile-hub-card.primary{background:linear-gradient(145deg,rgba(200,25,46,.28),rgba(13,27,45,.98));border-color:rgba(239,74,94,.42)}
.mobile-hub-card .ico{font-size:1.35rem}.mobile-hub-card b{font-size:1rem}.mobile-hub-card small{display:block;color:var(--muted);font-size:.76rem;line-height:1.45;margin-top:5px}
.mobile-hub-list{margin-top:18px;border:1px solid var(--em-line);border-radius:20px;overflow:hidden;background:var(--em-surface)}
.mobile-hub-list a{min-height:54px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--white);text-decoration:none;border-bottom:1px solid var(--em-line);font-weight:800}.mobile-hub-list a:last-child{border-bottom:0}.mobile-hub-list a:after{content:"→";color:#ffd166}
.mobile-hub-theme{display:flex;gap:8px;margin-top:18px}.mobile-hub-theme button{min-height:46px;flex:1;border:1px solid var(--em-line);border-radius:14px;background:var(--glass-2);color:var(--white);font:inherit;font-weight:850}

@media(max-width:1140px){
  nav#navbar{padding-left:18px!important;padding-right:18px!important}
}

@media(max-width:780px){
  html{scroll-padding-top:76px}
  body{font-size:16px!important;line-height:1.62}
  nav#navbar{min-height:68px!important;padding:10px 14px!important;gap:8px!important}
  nav#navbar .nav-logo{font-size:1.15rem!important;letter-spacing:1px!important;padding:9px 10px!important}
  nav#navbar .nav-right{margin-left:auto!important}
  nav#navbar .lang-toggle,nav#navbar .theme-toggle,nav#navbar #nav-member-panel-top,nav#navbar .nav-quiz-cta{display:none!important}
  nav#navbar #nav-cta{display:inline-flex!important;min-height:44px!important;padding:9px 13px!important;font-size:.64rem!important}
  .hamburger{display:flex!important;flex-direction:column!important;gap:5px!important;flex:0 0 46px!important}
  .mobile-menu{display:none!important}

  #hero{padding:88px 0 38px!important;min-height:auto!important}
  .hero-c.em-neo-hero{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;gap:18px!important;text-align:left!important}
  .em-neo-left{align-items:flex-start!important;text-align:left!important}
  .em-neo-left .hero-badge{align-self:flex-start!important;font-size:.62rem!important;line-height:1.45!important;padding:8px 11px!important;margin-bottom:14px!important}
  .hero-title.em-neo-title{font-size:clamp(4rem,22vw,5.8rem)!important;letter-spacing:-4px!important;text-align:left!important;white-space:nowrap}
  .em-neo-headline{font-size:clamp(1.55rem,8vw,2.1rem)!important;line-height:1.12!important;text-align:left!important;margin:13px 0 0!important}
  .em-neo-left .hero-loc,.em-neo-left .hero-full{text-align:left!important;margin-left:0!important;margin-right:0!important}
  .em-neo-left .hero-loc{font-size:.75rem!important;line-height:1.55!important}
  .em-neo-left .hero-full{font-size:.96rem!important;line-height:1.68!important;margin:14px 0 18px!important}
  .em-neo-left .abstract-alert{display:flex!important;width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:15px!important;margin-bottom:16px!important}
  .abstract-alert-main{align-items:flex-start!important;text-align:left!important;justify-content:flex-start!important}
  .abstract-alert-cta{min-height:48px!important;display:flex!important;align-items:center;justify-content:center;width:100%!important}
  .em-neo-left .hero-btns{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:9px!important}
  .em-neo-left .hero-btns a{width:100%!important;min-height:52px!important;padding:11px 10px!important;font-size:.68rem!important;text-align:center!important}
  .em-neo-left .hero-btns a:first-child{grid-column:1/-1}
  .em-neo-right-panel{padding:16px!important;border-radius:20px!important}
  .em-neo-right .countdown{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding:10px!important}
  .em-neo-right .cn{min-width:0!important;font-size:1.65rem!important;padding:9px 3px!important}.em-neo-right .cl{font-size:.5rem!important;letter-spacing:.6px!important}
  .em-neo-right .hero-metrics{gap:8px!important}.em-neo-right .hero-metric{min-height:76px!important}

  section{padding-top:58px!important;padding-bottom:58px!important}
  #classic-site+section{padding:48px 0 56px!important}
  .sec-title{font-size:clamp(2.35rem,12vw,3.2rem)!important;letter-spacing:1.5px!important}
  .sec-desc{font-size:.96rem!important;line-height:1.7!important}
  .journey-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:24px!important}
  .journey-card{min-height:auto!important;padding:21px!important;border-radius:18px!important}
  .journey-card p{margin-bottom:16px!important}
  [data-quiz-status-card]::after{right:14px;top:14px}
  .home-disclosure{margin-top:14px!important;border-radius:17px!important}
  .home-disclosure>summary{padding:17px 15px!important;min-height:76px}
  .home-disclosure-copy small{font-size:.79rem!important}.home-disclosure-body{padding:20px 14px 14px!important}
  .app-hub-head{gap:12px!important}.app-board,.dash-panel,.app-banner{padding:17px!important}
  .popup-backdrop.open{display:none!important}
  .em-wg-float,.em-assistant-float{display:none!important}

  .sticky-mobile-cta{
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;
    gap:5px!important;padding:7px!important;border-radius:18px!important;background:rgba(7,17,31,.98)!important;border-color:rgba(222,232,246,.22)!important;
    backdrop-filter:none!important;box-shadow:0 18px 48px rgba(0,0,0,.42)!important;
  }
  .sticky-mobile-cta a{min-width:0!important;min-height:52px!important;padding:8px 4px!important;border-radius:12px!important;display:flex;align-items:center;justify-content:center;font-size:.62rem!important;letter-spacing:.2px!important;line-height:1.2!important}
  .sticky-mobile-cta .primary{background:linear-gradient(135deg,#c8192e,#e9493c)!important}
  .sticky-mobile-cta .secondary{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
  body.em-home-page{padding-bottom:82px!important}

  .em-shell-nav{min-height:68px;padding:10px 14px!important;gap:8px!important}
  .em-shell-actions>.em-shell-wg-cta,.em-shell-actions>.em-shell-burs-cta,.em-shell-actions>.em-shell-ghost,.em-shell-actions>.em-shell-cta{display:none!important}
  .em-shell-mobile-menu{display:block!important}.em-shell-mobile-menu summary{font-size:0!important;border-radius:14px!important}
  .em-shell-mobile-menu summary:after{content:"Menü";font-size:.72rem}
  .em-shell-mobile-panel{position:fixed!important;left:10px!important;right:10px!important;top:72px!important;width:auto!important;max-height:calc(100dvh - 88px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;background:var(--em-surface)!important;backdrop-filter:none!important}
  .abs-wrap,.wrap{width:calc(100% - 20px)!important;margin-top:16px!important}
  .abs-hero{padding:24px 19px!important;border-radius:20px!important}.abs-hero h1{font-size:2.35rem!important;letter-spacing:-1px!important;line-height:1.03!important}
  .card,.side-card{border-radius:17px!important}.card-head,.card-body{padding-left:16px!important;padding-right:16px!important}
  .grid,.form-grid,.quiz-form-grid{grid-template-columns:1fr!important}.full{grid-column:auto!important}
  .submit-row{flex-direction:column!important;align-items:stretch!important}.submit-row .btn{width:100%!important;min-height:54px!important}
  table{min-width:640px}

  body.em-quiz-page .top{padding:10px 14px!important;min-height:66px}
  body.em-quiz-page .topnav a:not(.primary){display:none!important}
  body.em-quiz-page .topnav .primary{min-height:44px!important;padding:9px 12px!important}
  body.em-quiz-page .wrap{width:calc(100% - 20px)!important;margin-top:18px!important}
  body.em-quiz-page .hero,body.em-quiz-page .card{border-radius:18px!important}
  body.em-quiz-page .hero{padding:22px 17px!important}.quiz-step{min-height:auto!important}.quiz-actions{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  nav#navbar #nav-cta{font-size:.6rem!important;padding:8px 10px!important}
  .hero-title.em-neo-title{font-size:clamp(3.7rem,21vw,5rem)!important}
  .em-neo-left .hero-btns{grid-template-columns:1fr!important}.em-neo-left .hero-btns a:first-child{grid-column:auto}
  .mobile-hub-grid{grid-template-columns:1fr}.mobile-hub-card{min-height:122px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
