/* V0.17.6.4 — Tolga Photo Glass. One primary action, three photographic journeys.
   Photographs are the user's originals (unmodified in meaning) and ship locally.
   CSS presentation only: all D1 queries, permissions and staff tools remain intact. */
html[data-ui="refined"][data-experience="aurora"] {
  --aurora-night:#07182e;
  --aurora-night-2:#0c243a;
  --aurora-cyan:#37c7da;
  --aurora-copy:#ffffff;
  --aurora-muted:#dde9ed;
  --aurora-line:rgba(225,247,255,.34);
  background:#07182e!important;
}
html[data-ui="refined"][data-experience="aurora"] body {background:#07182e!important}
html[data-ui="refined"][data-experience="aurora"] .portal-site-header,
html[data-ui="refined"][data-experience="aurora"] .portal-site-header .head-inner {
  background:#071d34!important;
  border-bottom-color:rgba(161,205,224,.12)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-site-header .head-inner {
  display:flex; justify-content:center!important;
  position:relative;
  min-height:72px!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-site-header .logo{
  font-size:clamp(28px,7vw,37px)!important;
  font-weight:780!important;
  color:#fff!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-site-header .logo-dot{color:#37c7da!important}
html[data-ui="refined"][data-experience="aurora"] .portal-main {
  background:radial-gradient(ellipse 75% 68% at 50% 34%,#15334a 0%,#0b233c 65%,#07182e 100%)!important;
  overflow:hidden!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-main::before {opacity:.015!important;}
html[data-ui="refined"][data-experience="aurora"] .portal-gateway {
  width:min(500px,calc(100% - 32px))!important;
  min-height:calc(100dvh - 74px)!important;
  padding:clamp(12px,2.4dvh,24px) 0 max(15px,env(safe-area-inset-bottom))!important;
  margin:0 auto!important;
  gap:clamp(12px,1.8dvh,21px)!important;
  justify-content:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
/* The carousel remains a real stack of independent buttons. Neighbors peek in
   from each side; only the selected card receives pointer and keyboard focus. */
html[data-ui="refined"][data-experience="aurora"] .portal-doorway{
  position:relative!important;
  width:min(100%,440px)!important;
  flex:0 0 auto!important;
  height:clamp(432px,68dvh,655px)!important;
  overflow:visible!important;
  isolation:isolate;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:clamp(23px,5vw,31px)!important;
  box-shadow:none!important;
  touch-action:pan-y;
}
html[data-ui="refined"][data-experience="aurora"] .portal-doorway::after{display:none!important}
html[data-ui="refined"][data-experience="aurora"] .portal-option,
html[data-ui="refined"][data-experience="aurora"] .portal-option:nth-child(1),
html[data-ui="refined"][data-experience="aurora"] .portal-option:nth-child(2),
html[data-ui="refined"][data-experience="aurora"] .portal-option:nth-child(3) {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;height:100%!important;
  padding:0!important;
  min-height:0!important;
  background:#112b3f!important;
  border:1px solid rgba(190,235,251,.48)!important;
  border-radius:inherit!important;
  box-shadow:0 26px 58px rgba(0,9,25,.38),inset 0 1px 0 rgba(245,251,255,.16)!important;
  overflow:hidden!important;
  transform-origin:center center!important;
  pointer-events:none;
  cursor:pointer;
  opacity:.65!important;
  transition:transform .42s cubic-bezier(.22,.82,.23,1),opacity .35s ease,filter .35s ease!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="current"]{
  transform:translate3d(0,0,0) scale(1)!important;
  opacity:1!important;
  z-index:3!important;
  filter:none!important;
  pointer-events:auto!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="prev"]{
  transform:translate3d(-86%,0,0) scale(.90)!important;
  opacity:.58!important;
  z-index:1!important;
  filter:saturate(.85)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="next"]{
  transform:translate3d(86%,0,0) scale(.90)!important;
  opacity:.58!important;
  z-index:1!important;
  filter:saturate(.85)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-art{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;
  opacity:1!important;
  filter:saturate(.96) contrast(1.01)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  transform:scale(1.01);
  transition:transform .6s cubic-bezier(.2,.78,.24,1)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="current"] .aurora-art{transform:scale(1)!important}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-portal-target="ask"] .aurora-art{
  background-image:url('tolga-sunset-mosque.webp')!important;
  background-position:center 45%!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-portal-target="track"] .aurora-art{
  background-image:url('tolga-evening-street.webp')!important;
  background-position:center 46%!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-portal-target="dialogue"] .aurora-art{
  background-image:url('tolga-illuminated-tree.webp')!important;
  background-position:center 46%!important;
}
/* User photographs must remain visible at the top; readability takes priority
   only in the last third, where all actual text is placed. */
html[data-ui="refined"][data-experience="aurora"] .portal-option::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:1!important;
  background:linear-gradient(180deg,
    rgba(5,14,29,.09) 0%,rgba(4,14,26,.04) 30%,
    rgba(3,13,25,.22) 47%,rgba(4,14,29,.72) 63%,
    rgba(5,16,33,.92) 87%,rgba(5,16,31,.93) 100%)!important;
  pointer-events:none;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option::after {display:none!important}
/* Top pill is a section name, not a second navigation element. */
html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-kicker {
  position:absolute!important;
  z-index:1;
  top:4.6%!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  align-items:center;justify-content:center;
  min-height:37px!important;
  min-width:146px;
  padding:6px 19px!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(130,240,250,.62)!important;
  background:rgba(5,31,49,.59)!important;
  backdrop-filter:blur(11px);
  color:#efffff!important;
  font:650 clamp(14px,3.8vw,17px)/1.4 var(--font)!important;
  white-space:nowrap;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy {
  position:absolute!important;
  z-index:1;
  top:auto!important;
  bottom:clamp(113px,22%,148px)!important;
  left:6%!important;right:6%!important;
  width:88%!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  flex-direction:column!important;
  gap:clamp(7px,1.3dvh,12px)!important;
  text-align:center!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy strong {
  color:#ffffff!important;
  font:780 clamp(26px,6.65vw,37px)/1.37 var(--display)!important;
  letter-spacing:-.025em;
  text-shadow:0 3px 16px rgba(2,10,22,.64)!important;
  max-width:96%;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy small {
  color:#f3f7fb!important;
  font:490 clamp(15px,3.7vw,18px)/1.65 var(--font)!important;
  text-shadow:0 2px 12px rgba(1,12,24,.62)!important;
  max-width:95%;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-cta {
  position:absolute!important;
  z-index:1;
  bottom:5.8%!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  min-height:52px!important;
  width:max-content;
  max-width:92%;
  min-width:clamp(178px,52%,244px)!important;
  padding:12px 22px!important;
  margin:0!important;
  color:#032938!important;
  border:1px solid rgba(57,238,251,.65)!important;
  border-radius:17px!important;
  background:linear-gradient(120deg,#0ca6b9,#39d6df)!important;
  box-shadow:0 10px 25px rgba(0,27,40,.25)!important;
  font:750 clamp(17px,4.4vw,21px)/1.3 var(--font)!important;
  white-space:nowrap;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="current"]:is(:hover,:focus-visible) .aurora-cta{
  background:linear-gradient(120deg,#19b7c6,#5beaf0)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option:focus-visible {outline:3px solid #65eff8!important;outline-offset:4px!important}
/* Neighboring photos are a quiet preview, not a second block of text. */
html[data-ui="refined"][data-experience="aurora"] .portal-option:not([data-slide-position="current"]) :is(.aurora-kicker,.portal-option-copy,.aurora-cta){
  opacity:0!important;visibility:hidden!important;animation:none!important;transition:none!important;
}
/* Circular arrows remain accessible even when the neighboring slides peek in. */
html[data-ui="refined"][data-experience="aurora"] .aurora-arrows{
  position:absolute!important;
  z-index:10!important;
  inset:auto 0 auto 0!important;
  top:50%!important;
  bottom:auto!important;
  height:56px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:0 9px!important;
  direction:ltr;
  pointer-events:none;
}
html[data-ui="refined"][data-experience="aurora"] .aurora-arrow{
  width:clamp(42px,10vw,50px)!important;
  height:clamp(42px,10vw,50px)!important;
  color:#fff!important;
  border-radius:50%!important;
  border:1px solid rgba(245,253,255,.55)!important;
  background:rgba(7,22,37,.58)!important;
  box-shadow:0 7px 22px rgba(0,15,36,.23)!important;
  backdrop-filter:blur(10px);
  font-size:clamp(23px,5vw,28px)!important;
  pointer-events:auto;
}
html[data-ui="refined"][data-experience="aurora"] .aurora-arrow:is(:hover,:focus-visible) {background:rgba(14,52,65,.87)!important}
/* The three dots are the only navigation repeated below the card.
   No fake accounts/notifications, no redundant section titles. */
html[data-ui="refined"][data-experience="aurora"] .aurora-pagination {
  position:relative!important;
  inset:auto!important;
  z-index:5;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row;
  gap:11px!important;
  direction:ltr;
  min-height:21px;
  margin:0 auto!important;
}
html[data-ui="refined"][data-experience="aurora"] .aurora-dot {
  width:10px!important;height:10px!important;
  min-height:10px!important;min-width:10px!important;
  padding:0!important;
  border-radius:999px!important;
  background:rgba(187,213,229,.48)!important;
  transition:width .22s ease,background .22s ease!important;
}
html[data-ui="refined"][data-experience="aurora"] .aurora-dot[aria-current="true"] {
  width:25px!important;
  background:#31c9d9!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-microfooter{
  font-size:clamp(12px,2.6vw,14px)!important;
  color:#c5d6e0!important;
  line-height:1.45;
  gap:13px;
  min-height:30px;
}
html[data-ui="refined"][data-experience="aurora"] .portal-microfooter button{font-size:13px!important;color:#ecf9fd!important;}
html[data-ui="refined"][data-experience="aurora"] .portal-gateway.portal-leaving .portal-option:not([data-slide-position="current"]){
  opacity:0!important;
}
/* Keep interior motion/real portrait cards intact. Only unify the surrounding chrome. */
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view,
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .carousel-stage{
  background:radial-gradient(ellipse 100% 67% at 60% 20%,#18384e,#0a2138 65%,#07182e)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .candidate-slide.is-centered{
  border-color:rgba(127,226,242,.7)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .slide-cta {background:#35cbda!important;color:#073044!important;}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .stage-general button {color:#6bdce5!important;}
html[data-ui="refined"][data-experience="aurora"] .site-foot{background:#07182e!important;}
html[data-ui="refined"][data-experience="aurora"] .site-foot *{color:#d8e7ed!important;}
@media(max-width:650px) {
  html[data-ui="refined"][data-experience="aurora"] .portal-site-header .head-inner {min-height:66px!important;}
  html[data-ui="refined"][data-experience="aurora"] .portal-gateway {
    width:calc(100% - 30px)!important;
    min-height:calc(100dvh - 66px)!important;
    gap:clamp(12px,1.6dvh,17px)!important;
    padding:12px 0 max(14px,env(safe-area-inset-bottom))!important;
  }
  html[data-ui="refined"][data-experience="aurora"] .portal-doorway {
    height:clamp(423px,69dvh,640px)!important;
    border-radius:27px!important;
  }
  html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy {
    bottom:clamp(112px,22%,145px)!important;
  }
  html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy strong {
    font-size:clamp(25px,7vw,33px)!important;
  }
  html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy small {
    font-size:clamp(14px,3.8vw,17px)!important;
  }
}
@media(max-width:355px) {
  html[data-ui="refined"][data-experience="aurora"] .portal-doorway {height:clamp(410px,70dvh,585px)!important}
  html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-kicker {font-size:14px!important;min-width:132px}
  html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy strong {font-size:25px!important}
  html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy small {font-size:14px!important}
  html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-cta {min-height:49px!important;padding:10px 15px!important;}
}
@media(max-height:680px) {
  html[data-ui="refined"][data-experience="aurora"] .portal-gateway{justify-content:flex-start!important;}
  html[data-ui="refined"][data-experience="aurora"] .portal-doorway{height:clamp(404px,69dvh,515px)!important;}
}
@media(prefers-reduced-motion:reduce) {
  html[data-ui="refined"][data-experience="aurora"] .portal-option,
  html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-art,
  html[data-ui="refined"][data-experience="aurora"] .aurora-dot{transition:none!important;animation:none!important;}
}