/* Tolga Tas'al — v0.17.6 | Video-faithful luminous card carousel.
   Reference: user's vertical neon slideshow. This layer changes citizen presentation
   only. All D1 read routes, modal contracts, consent and staff remain untouched. */
html[data-ui="refined"][data-experience="aurora"]{
 --aurora-night:#10192c;
 --aurora-night-2:#1b2739;
 --aurora-cyan:#47c8f5;
 --aurora-copy:#eff9ff;
 --aurora-muted:#bec7dc;
 --aurora-line:rgba(203,226,255,.18);
 background:var(--aurora-night);
}
html[data-ui="refined"][data-experience="aurora"] body{
 background:var(--aurora-night)!important;
 padding-bottom:0!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-site-header,
html[data-ui="refined"][data-experience="aurora"] .portal-site-header .head-inner{
 background:#171f30!important;
 border-bottom-color:rgba(197,222,255,.07)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-site-header .logo{
 color:#fbfcff!important;
 letter-spacing:-.02em;
}
html[data-ui="refined"][data-experience="aurora"] .portal-site-header .logo-dot{color:var(--aurora-cyan)!important}
html[data-ui="refined"][data-experience="aurora"] .portal-main{
 min-height:calc(100dvh - 65px);
 background:radial-gradient(ellipse 110% 72% at 55% 25%,#203046 0%,#192436 51%,#10192b 100%)!important;
 overflow:hidden;
}
html[data-ui="refined"][data-experience="aurora"] .portal-gateway{
 width:min(1040px,100% - 34px)!important;
 margin-inline:auto;
 min-height:calc(100dvh - 66px);
 padding:clamp(12px,2.4dvh,24px) 0 max(14px,env(safe-area-inset-bottom))!important;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:clamp(12px,2.5dvh,22px)!important;
 background:transparent!important;
 color:var(--aurora-copy)!important;
 animation:aurora-hello .48s ease-out both!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-intro{
 width:100%;margin:0!important;padding:0 6px!important;
 text-align:center!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-intro h1{
 font:750 clamp(23px,3vw,33px)/1.36 var(--display)!important;
 color:#eef8ff!important;
 letter-spacing:-.025em;
}
html[data-ui="refined"][data-experience="aurora"] .portal-intro p{
 font:450 clamp(14px,1.5vw,17px)/1.5 var(--font)!important;
 color:#b9c8d8!important;
 margin:3px 0 0!important;
}
/* A single luminous card in the viewport, not three exposed rectangles. */
html[data-ui="refined"][data-experience="aurora"] .portal-doorway{
 position:relative!important;
 flex:none!important;
 display:block!important;
 width:min(100%,760px)!important;
 height:clamp(375px,62dvh,565px)!important;
 padding:0!important;
 overflow:hidden!important;
 border:0!important;
 border-radius:clamp(24px,4vw,35px)!important;
 background:#0c1540!important;
 box-shadow:0 22px 66px rgba(3,8,25,.24),0 3px 14px rgba(3,8,25,.17),inset 0 0 0 1px rgba(191,231,255,.16)!important;
 isolation:isolate;
 touch-action:pan-y;
}
html[data-ui="refined"][data-experience="aurora"] .portal-doorway::after{
 content:"";position:absolute;z-index:4;pointer-events:none;
 inset:0;border:1px solid rgba(211,240,255,.17);
 border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}
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:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:flex-end!important;
 min-height:0!important;
 height:100%!important;
 width:100%!important;
 padding:clamp(24px,6%,50px)!important;
 gap:0!important;
 border:none!important;
 border-radius:inherit!important;
 background-color:#07113a!important;
 background-image:none!important;
 color:#fff!important;
 text-align:right!important;
 overflow:hidden!important;
 box-shadow:none!important;
 cursor:pointer;
 opacity:0!important;
 z-index:1;
 transform:translate3d(62%,0,0) scale(.965)!important;
 transition:transform .52s cubic-bezier(.2,.85,.22,1),opacity .38s ease!important;
 pointer-events:none;
 isolation:isolate;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="current"]{
 opacity:1!important;z-index:2;
 transform:translate3d(0,0,0) scale(1)!important;
 pointer-events:auto!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="prev"]{
 opacity:0!important;
 transform:translate3d(-68%,0,0) scale(.97)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="next"]{
 opacity:0!important;
 transform:translate3d(68%,0,0) scale(.97)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option::before{
 content:"";pointer-events:none;position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(1,9,33,0) 34%,rgba(4,8,30,.08) 57%,rgba(3,7,25,.72) 100%)!important;
 opacity:1!important;z-index:-1;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option::after{display:none!important}
html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-art{
 position:absolute;z-index:-2;inset:0;
 background-position:center center;
 background-size:cover;
 transform:scale(1.015);
 transition:transform .8s cubic-bezier(.18,.75,.25,1);
 pointer-events:none;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="current"] .aurora-art{transform:scale(1)}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-portal-target="ask"] .aurora-art{background-image:url('aurora-ask.svg');}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-portal-target="track"] .aurora-art{background-image:url('aurora-track.svg');}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-portal-target="dialogue"] .aurora-art{background-image:url('aurora-dialogues.svg');}
html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-kicker{
 align-self:flex-start;
 display:inline-flex;align-items:center;justify-content:center;
 min-height:34px;padding:5px 15px;
 border:1px solid rgba(118,225,255,.28);
 border-radius:999px;
 background:rgba(38,113,181,.17);
 color:#6bd9ff;
 font:600 14px/1.35 var(--font);
 backdrop-filter:blur(12px);
 margin:0 0 20px 0;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy{
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 gap:clamp(10px,2.1dvh,17px)!important;
 margin:0 0 clamp(26px,5.3dvh,43px) 0!important;
 width:100%;
 text-align:right;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy strong{
 display:block;
 width:100%;
 color:#fff!important;
 font:780 clamp(28px,4.6vw,43px)/1.38 var(--display)!important;
 letter-spacing:-.02em;
 text-wrap:balance;
 text-shadow:0 2px 14px rgba(6,8,34,.17);
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy small{
 display:block;
 width:100%;
 color:#d7d9e8!important;
 font:460 clamp(16px,2vw,19px)/1.72 var(--font)!important;
 text-wrap:pretty;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-cta{
 align-self:flex-start;
 min-height:54px;
 min-width:155px;
 display:flex;align-items:center;justify-content:center;
 gap:12px;
 padding:11px 23px;
 margin:0;
 border-radius:17px;
 background:#49c6f0;
 color:#07223a;
 font:760 clamp(17px,2vw,20px)/1.3 var(--font);
 box-shadow:0 10px 25px rgba(9,74,122,.16);
 transition:background .22s ease,box-shadow .22s ease;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option[data-slide-position="current"]:is(:hover,:focus-visible) .aurora-cta{background:#72daff;box-shadow:0 14px 28px rgba(4,97,162,.22)}
html[data-ui="refined"][data-experience="aurora"] .portal-option:focus-visible{outline:3px solid #88e0ff!important;outline-offset:-6px!important;}
/* Controls sit over the luminous card exactly like the reference video. */
html[data-ui="refined"][data-experience="aurora"] .aurora-arrows{position:absolute;z-index:6;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(13px,3.5%,30px);direction:ltr;}
html[data-ui="refined"][data-experience="aurora"] .aurora-arrow{
 pointer-events:auto;
 display:grid;place-items:center;
 width:clamp(42px,7vw,55px);height:clamp(42px,7vw,55px);
 color:#fff;border:1px solid rgba(218,238,255,.35);
 border-radius:50%;background:rgba(15,22,46,.65);
 box-shadow:0 6px 21px rgba(4,8,26,.17);
 backdrop-filter:blur(10px);
 cursor:pointer;
 font:700 clamp(21px,3vw,27px)/1 sans-serif;
 transition:background .22s ease,transform .22s ease;
}
html[data-ui="refined"][data-experience="aurora"] .aurora-arrow:active{transform:scale(.94)}
html[data-ui="refined"][data-experience="aurora"] .aurora-arrow:hover{background:rgba(20,43,84,.89)}
html[data-ui="refined"][data-experience="aurora"] .aurora-arrow:focus-visible,
html[data-ui="refined"][data-experience="aurora"] .aurora-dot:focus-visible,
html[data-ui="refined"][data-experience="aurora"] .aurora-link:focus-visible{outline:2px solid #77dfff;outline-offset:3px;}
html[data-ui="refined"][data-experience="aurora"] .aurora-pagination{
 position:absolute;z-index:6;bottom:clamp(25px,5.5%,45px);left:clamp(26px,5%,45px);
 display:flex;align-items:center;gap:9px;direction:ltr;pointer-events:auto;
}
html[data-ui="refined"][data-experience="aurora"] .aurora-dot{
 width:10px;height:10px;border:0;border-radius:99px;
 padding:0;background:rgba(214,227,240,.45);cursor:pointer;
 transition:width .34s ease,background .34s ease;
}
html[data-ui="refined"][data-experience="aurora"] .aurora-dot[aria-current="true"]{width:30px;background:#51cfff}
html[data-ui="refined"][data-experience="aurora"] .aurora-shortcuts{
 display:flex;justify-content:center;align-items:center;
 gap:clamp(10px,4vw,26px);flex-wrap:wrap;
 width:100%;
}
html[data-ui="refined"][data-experience="aurora"] .aurora-link{
 background:none;border:0;border-bottom:2px solid transparent;
 color:#ccd5e5;
 min-height:42px;padding:6px 2px;
 font:600 clamp(14px,1.7vw,16px)/1.3 var(--font);
 cursor:pointer;
 transition:color .2s ease,border-color .2s ease;
}
html[data-ui="refined"][data-experience="aurora"] .aurora-link[aria-current="true"]{color:#67d6ff;border-color:#67d6ff}
html[data-ui="refined"][data-experience="aurora"] .portal-microfooter{
 margin:0!important;padding:0 2px!important;
 display:flex;justify-content:center;align-items:center;gap:12px;
 font:450 12px/1.4 var(--font);
 color:#abb8c9!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-microfooter button{color:#cfddeb!important;font-size:13px!important;min-height:32px!important;}
html[data-ui="refined"][data-experience="aurora"] .portal-gateway.portal-leaving{
 opacity:0!important;
 transform:translateY(-7px) scale(.995)!important;
 filter:none!important;
 animation:none!important;
 transition:opacity .18s ease,transform .18s ease!important;
 pointer-events:none;
}
html[data-ui="refined"][data-experience="aurora"] .portal-gateway.portal-leaving .portal-option,
html[data-ui="refined"][data-experience="aurora"] .portal-gateway.portal-leaving .portal-option.portal-chosen{
 opacity:inherit!important;
 transform:none!important;
}
/* Preserve original citizen candidate view, while providing the dark shell around it. */
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view{
 min-height:calc(100dvh - 65px);
}
html[data-ui="refined"][data-experience="aurora"] .site-foot{
 background:#10192c!important;
 color:#cfdae8!important;
 border-top-color:rgba(227,242,255,.12)!important;
}
html[data-ui="refined"][data-experience="aurora"] .site-foot *{color:#d6dee8!important}
@keyframes aurora-hello{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){
 html[data-ui="refined"][data-experience="aurora"] .portal-site-header .head-inner{min-height:60px!important}
 html[data-ui="refined"][data-experience="aurora"] .portal-main{min-height:calc(100dvh - 60px)}
 html[data-ui="refined"][data-experience="aurora"] .portal-gateway{
  width:calc(100% - 30px)!important;min-height:calc(100dvh - 60px);
  gap:clamp(8px,1.75dvh,17px)!important;
  padding:12px 0 max(10px,env(safe-area-inset-bottom))!important;
 }
 html[data-ui="refined"][data-experience="aurora"] .portal-intro h1{font-size:clamp(22px,6.4vw,28px)!important;}
 html[data-ui="refined"][data-experience="aurora"] .portal-intro p{font-size:14px!important;}
 html[data-ui="refined"][data-experience="aurora"] .portal-doorway{
  height:clamp(380px,65dvh,565px)!important;
  border-radius:27px!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){
  padding:clamp(26px,7%,35px)!important;
 }
 html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-kicker{margin-bottom:14px;min-height:33px;font-size:14px;}
 html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy strong{font-size:clamp(28px,7vw,36px)!important;line-height:1.42!important;}
 html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy small{font-size:clamp(16px,4.1vw,18px)!important;line-height:1.7!important;}
 html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy{margin-bottom:clamp(21px,4dvh,30px)!important;}
 html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-cta{min-height:51px;min-width:142px;padding:10px 18px;font-size:17px;}
 html[data-ui="refined"][data-experience="aurora"] .aurora-pagination{bottom:clamp(23px,6%,35px);left:clamp(23px,6%,35px)}
 html[data-ui="refined"][data-experience="aurora"] .aurora-shortcuts{gap:clamp(12px,3.5vw,24px)}
 html[data-ui="refined"][data-experience="aurora"] .portal-microfooter{font-size:11px!important;}
}
@media(max-width:350px){
 html[data-ui="refined"][data-experience="aurora"] .portal-gateway{width:calc(100% - 20px)!important;gap:8px!important;}
 html[data-ui="refined"][data-experience="aurora"] .portal-doorway{height:clamp(376px,64dvh,520px)!important;}
 html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy strong{font-size:27px!important;}
 html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy small{font-size:16px!important;}
 html[data-ui="refined"][data-experience="aurora"] .aurora-arrow{width:40px;height:40px;}
}
@media(max-height:670px){
 html[data-ui="refined"][data-experience="aurora"] .portal-gateway{justify-content:flex-start;}
 html[data-ui="refined"][data-experience="aurora"] .portal-doorway{height:clamp(370px,68dvh,475px)!important;}
 html[data-ui="refined"][data-experience="aurora"] .portal-intro h1{font-size:23px!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"] .portal-gateway,
 html[data-ui="refined"][data-experience="aurora"] .portal-gateway.portal-leaving,
 html[data-ui="refined"][data-experience="aurora"] .aurora-dot{animation:none!important;transition:none!important;}
}

/* Reference geometry: an almost bare midnight canvas, and editorial content
   floating across the illuminated card at 26/41/86 percent of its height. */
html[data-ui="refined"][data-experience="aurora"] .portal-intro{
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;
 clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-kicker{
 position:absolute;top:25%;right:8%;margin:0!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy{
 position:absolute;top:40%;right:8%;left:8%;width:auto!important;
 margin:0!important;
 gap:clamp(10px,2dvh,16px)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-cta{
 position:absolute;bottom:7%;right:8%;
}
@media(max-width:650px){
 html[data-ui="refined"][data-experience="aurora"] .portal-option .portal-option-copy{
  top:42%;right:8%;left:8%;
 }
 html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-kicker{top:26%;right:8%;}
 html[data-ui="refined"][data-experience="aurora"] .portal-option .aurora-cta{bottom:6.5%;right:7%;}
}

/* Keep the navigation bubbles clear of Arabic headlines on narrow phones. */
html[data-ui="refined"][data-experience="aurora"] .aurora-arrows{
 inset:auto 0 auto 0;top:13%;height:54px;align-items:center;
}
/* On desktop preserve the vertical cover-card proportions of the mobile reference. */
@media(min-width:651px){
 html[data-ui="refined"][data-experience="aurora"] .portal-doorway{
  width:min(100%,540px)!important;height:clamp(480px,72dvh,612px)!important;
 }
}
/* Continuity past the gateway: keep real candidate photos and light, readable forms,
   but tie the surrounding stage / modal chrome to the midnight-cyan visual language. */
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 110% 65% at 70% 14%,#283b63 0%,#17263f 50%,#10192c 100%)!important;
 color:#eff7ff!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .carousel-stage::before,
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .carousel-stage::after{display:none!important}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .stage-intro h1,
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .stage-description,
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .portal-route-caption,
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .stage-foot{color:#d9e7fa!important}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .portal-back{
 border-color:rgba(227,247,255,.24)!important;
 background:rgba(12,25,52,.35)!important;
 color:#e7f5ff!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .candidate-slide.is-centered{
 border-color:#8de6ff!important;
 box-shadow:0 23px 55px rgba(4,9,29,.48),0 0 0 1px rgba(86,215,255,.4)!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .slide-cta{
 color:#092b41!important;
 background:#5bd2f8!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .slide-arrow{
 background:rgba(14,27,53,.4)!important;
 border-color:rgba(204,235,255,.28)!important;
 color:#effbff!important;
}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .stage-general button{color:#7bdfff!important}
html[data-ui="refined"][data-experience="aurora"] .portal-candidate-view .slide-indicator{color:#e3f1ff!important}
html[data-ui="refined"][data-experience="aurora"] #ask-panel .sheet-head,
html[data-ui="refined"][data-experience="aurora"] #track-panel .sheet-head,
html[data-ui="refined"][data-experience="aurora"] #dialogue-panel .sheet-head{
 background:linear-gradient(118deg,#111e40 0%,#203567 62%,#153d5e 100%)!important;
 color:#f2f9ff!important;
 border-bottom:1px solid rgba(176,232,255,.22)!important;
}
html[data-ui="refined"][data-experience="aurora"] #ask-panel .sheet-head h2,
html[data-ui="refined"][data-experience="aurora"] #track-panel .sheet-head h2,
html[data-ui="refined"][data-experience="aurora"] #dialogue-panel .sheet-head h2{color:#ffffff!important}
html[data-ui="refined"][data-experience="aurora"] #ask-panel .sheet-head .eyebrow,
html[data-ui="refined"][data-experience="aurora"] #track-panel .sheet-head .eyebrow,
html[data-ui="refined"][data-experience="aurora"] #dialogue-panel .sheet-head .eyebrow{color:#88dfff!important}
html[data-ui="refined"][data-experience="aurora"] #ask-panel .sheet-close,
html[data-ui="refined"][data-experience="aurora"] #track-panel .sheet-close,
html[data-ui="refined"][data-experience="aurora"] #dialogue-panel .sheet-close{
 background:rgba(245,253,255,.12)!important;
 color:#f4fbff!important;
 border-color:rgba(245,253,255,.20)!important;
}
html[data-ui="refined"][data-experience="aurora"] #ask-panel .chat-peer .peer-info small,
html[data-ui="refined"][data-experience="aurora"] #ask-panel .chat-peer .peer-offline{color:#d9e8f7!important}
html[data-ui="refined"][data-experience="aurora"] #ask-panel .chat-peer .peer-info strong{color:#f9fcff!important}