/* Existing Prompt Arena typography and blue/red broadcast identity remain authoritative. */
.hero-inner{grid-template-columns:minmax(0,1fr) 290px;gap:64px;align-items:center;padding-block:48px 36px}.hero-copy h1{font-size:clamp(64px,7.1vw,108px);max-width:900px}.hero-announcement{width:252px;margin:0;justify-self:end}.vertical-stage{aspect-ratio:9/16;overflow:hidden;background:#101329;border:1px solid #566497}.vertical-stage video{width:100%;height:100%;object-fit:contain;background:#0b0b0f}.vertical-poster{height:100%;position:relative;padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;background:#183dd1 url('assets/grid.png') center/cover}.vertical-poster:after{content:'';position:absolute;inset:0;background:#c5221f;clip-path:polygon(100% 32%,100% 100%,38% 100%);z-index:0}.vertical-poster>*{position:relative;z-index:1}.vertical-poster p{font-family:ArenaDisplay,sans-serif;font-size:64px;font-weight:900;line-height:.94;margin:24px 0 8px}.vertical-poster .poster-logo{width:116px;height:auto;object-fit:contain;margin-top:auto}.poster-vs{position:absolute;right:20px;bottom:112px;color:#fbbc04;font-family:ArenaDisplay,sans-serif;font-size:70px;font-weight:900;transform:rotate(-8deg)}.hero-announcement figcaption{font-size:12px;color:#c5c9dc;margin-top:10px;line-height:1.5}.hero-stages{padding-bottom:24px}.hero-actions a{display:inline-flex}.home-voting{padding-block:64px 48px}.voting-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.voting-section-heading h1,.voting-section-heading h2{font-size:clamp(34px,4.3vw,50px);line-height:1;margin:0 0 10px;color:#fbbc04}.voting-section-heading p{color:#bcc0ce;font-size:15px;margin:0}.voting-section-heading .text-button{white-space:nowrap;font-size:13px;min-height:44px}.compact-matchup{padding:20px 0 24px;border-top:1px solid #32323b;scroll-margin-top:20px}.compact-heading{display:flex;gap:18px;align-items:center;margin-bottom:14px;position:relative}.compact-heading>div{display:flex;align-items:center;gap:16px;min-width:0}.compact-heading h3{font-size:27px;line-height:1.1;margin:0}.challenge-code{font-size:11px;color:#acb7d0;white-space:nowrap}.matchup-state{font-size:11px;color:#c2c4cf;margin-left:auto;white-space:nowrap}.compact-brief{font-size:12px}.compact-brief summary{min-height:44px;display:flex;align-items:center;cursor:pointer;white-space:nowrap}.compact-brief p{position:absolute;right:0;top:100%;z-index:4;background:#1d1d26;border:1px solid #565662;padding:20px;max-width:500px;width:min(500px,100%);font-size:14px;line-height:1.6;box-shadow:0 14px 24px #0006}.compact-versus{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:stretch}.compact-side{display:grid;grid-template-columns:42% minmax(0,1fr);min-width:0;background:#111726;border:1px solid #344985;transition:border-color 180ms ease-out}.compact-side.side-b{background:#231316;border-color:#6c3235}.compact-side.is-selected{border-color:#fbbc04;outline:1px solid #fbbc04}.compact-visual{min-height:160px;position:relative;overflow:hidden;background:#152860;display:flex;align-items:center;justify-content:center}.side-b .compact-visual{background:#53181d}.compact-visual>a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.compact-visual img{width:100%;height:100%;max-height:190px;object-fit:cover;display:block;transition:transform 220ms ease-out}.compact-visual video{width:100%;max-height:180px}.compact-visual audio{width:100%;min-width:0}.compact-person{padding:16px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.person-line{display:flex;gap:8px;align-items:center}.person-avatar{width:32px;height:32px;object-fit:cover;border-radius:50%}.person-line h3{font-size:25px;line-height:1.1;margin:0}.person-meta{font-size:10px;color:#c4c9d5;line-height:1.4;margin:4px 0 0}.output-title{font-size:12px;line-height:1.4;color:#d1d4df;margin:12px 0}.choose-output{min-height:38px;padding:8px 16px;border:1px solid #6c83b5;color:#fff;background:transparent;font:700 11px inherit;margin-top:auto;cursor:pointer}.side-b .choose-output{border-color:#ae7177}.choose-output[aria-pressed=true]{background:#fbbc04;border-color:#fbbc04;color:#0b0b0f}.choose-output:disabled{cursor:default}.motion-vs{display:grid;place-items:center;position:relative;overflow:hidden}.motion-vs:before{content:'';width:2px;position:absolute;inset:0 auto;background:#fbbc04;transform:skewX(-10deg);opacity:.5}.motion-vs span{background:#fbbc04;color:#0b0b0f;padding:5px 8px;font-family:ArenaDisplay,sans-serif;font-size:29px;font-weight:900;position:relative;animation:vs-impact 4.5s ease-out infinite}.compact-matchup:nth-child(2n) .motion-vs span{animation-delay:1.6s}.compact-matchup:nth-child(3n) .motion-vs span{animation-delay:3s}@keyframes vs-impact{0%,75%,100%{transform:rotate(-5deg) scale(1)}80%{transform:rotate(5deg) scale(1.07)}87%{transform:rotate(-5deg) scale(1)}}.compact-vote-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px}.vote-message{font-size:11px;color:#b6bac8;line-height:1.5;margin:0}.confirm-choice{background:#fbbc04;color:#0b0b0f;border:0;padding:11px 17px;min-height:40px;white-space:nowrap;font-weight:700;font-size:10px;cursor:pointer}.confirm-choice:disabled{background:#32313b;color:#b7b5c5;cursor:default}.voting-page{padding-block:44px 64px}.output-link{padding:20px;font-size:13px}.page-nav{display:flex!important;gap:22px!important}.page-nav a{font-size:13px}.account-layout,.application-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:60px 100px;min-height:65vh}.account-layout h1,.application-layout h1{font-size:clamp(56px,7vw,104px);line-height:.95;margin:18px 0 28px}.account-layout section>p,.application-intro>p{max-width:42ch;color:#c4c5d1;line-height:1.7}.account-panel{padding:32px;background:#15151d;align-self:start;border-top:2px solid #4285f4}.account-panel h2,.application-account h2{font-size:34px;margin:20px 0 12px}.account-panel>p{font-size:14px}.account-privacy{font-size:12px!important;margin-top:24px!important}.account-privacy a,.privacy-page a{color:#9bbdff;text-decoration:underline}.account-panel #google-signin{margin-top:28px;min-height:44px}.account-panel [hidden]{display:none}.account-panel .text-button{margin-top:20px;display:block}.application-form-section{min-width:0}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span-full{grid-column:1/-1}.application-note,.form-help{font-size:12px;line-height:1.65;color:#b7bac9}.application-note{margin-top:32px}.application-account p{font-size:13px;color:#c4c7d2;line-height:1.6}.application-account a{color:#9bbdff;text-decoration:underline}.application-grid label span{font-size:12px;color:#bcc0ce}.form-message{font-size:13px;line-height:1.6;min-height:20px;margin:16px 0;color:#e2c779}.compact-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-block:30px!important;font-size:13px;border-top:1px solid #32323b}.privacy-page{max-width:820px;padding-block:50px 100px;min-height:65vh}.privacy-page h1{font-size:52px}.privacy-page p{line-height:1.8;color:#c6c8d2}.site-footer a[href^=mailto]{font-size:13px}.choose-output:focus-visible,.confirm-choice:focus-visible{outline:2px solid #fff;outline-offset:4px}button:active:not(:disabled),.button:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.compact-visual a:hover img{transform:scale(1.04)}.choose-output:hover:not(:disabled){background:#ffffff15}}
@media(min-width:1400px){.hero-inner{grid-template-columns:minmax(0,1fr) 330px}.hero-announcement{width:270px}}
@media(max-width:1000px){.hero-inner{grid-template-columns:minmax(0,1fr) 225px;gap:28px}.hero-announcement{width:205px}.vertical-poster p{font-size:48px}.vertical-poster{padding:20px}.poster-vs{bottom:92px;font-size:56px}.compact-person{padding:12px}.person-avatar{display:none}.compact-visual{min-height:150px}.person-line h3{font-size:23px}.account-layout,.application-layout{gap:40px}}
@media(max-width:700px){.hero-inner{grid-template-columns:1fr;padding-block:28px;gap:28px}.hero-copy h1{font-size:64px}.hero-announcement{justify-self:start;width:100%;display:grid;grid-template-columns:112px 1fr;gap:20px;align-items:end}.vertical-stage{width:112px}.vertical-poster{padding:12px}.vertical-poster>img:first-child{width:24px;height:24px}.vertical-poster p{font-size:27px;margin:14px 0 0}.vertical-poster .poster-logo{width:64px}.poster-vs{right:10px;bottom:49px;font-size:32px}.hero-announcement figcaption{max-width:18ch;font-size:13px}.hero-stages{font-size:9px;gap:9px}.home-voting{padding-block:38px}.voting-section-heading{align-items:start;gap:16px;flex-direction:column}.voting-section-heading h1,.voting-section-heading h2{font-size:36px}.voting-section-heading p{font-size:13px}.compact-heading{gap:8px;flex-wrap:wrap}.compact-heading>div{gap:8px;flex:1 1 100%}.compact-heading h3{font-size:25px}.matchup-state{margin:0 auto 0 0}.compact-brief summary{min-height:32px}.compact-versus{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.compact-side{grid-template-columns:1fr}.compact-visual{height:106px;min-height:0}.compact-visual img{object-fit:cover;max-height:106px}.compact-visual video{max-height:106px}.compact-person{padding:10px}.person-line h3{font-size:23px}.person-meta{font-size:10px}.output-title{font-size:10px;min-height:28px;margin:8px 0}.choose-output{width:100%;min-height:44px;padding:8px;font-size:10px}.motion-vs span{font-size:23px;padding:4px}.compact-vote-footer{gap:10px;align-items:start}.vote-message{font-size:10px;flex:1}.confirm-choice{white-space:normal;max-width:126px;min-height:44px;font-size:10px}.page-nav{gap:14px!important;flex-wrap:wrap}.page-nav a{font-size:11px}.site-header:has(.page-nav){gap:10px}.site-header:has(.page-nav) .brand{flex:0 0 100px}.account-layout,.application-layout{grid-template-columns:1fr;gap:28px;padding-block:24px 56px}.account-layout h1,.application-layout h1{font-size:64px;margin-bottom:20px}.account-panel{padding:24px 18px}.application-grid{grid-template-columns:1fr}.application-note{margin-top:20px}.compact-footer{gap:18px}.privacy-page h1{font-size:42px}.privacy-page{padding-top:24px}}
.person-line h3{font-family:ArenaDisplay,Impact,sans-serif;text-transform:uppercase;font-size:30px}.compact-heading h3{font-family:ArenaDisplay,Impact,sans-serif;text-transform:uppercase;font-size:30px}.vertical-poster p{font-size:58px}.choose-output{font-family:ArenaSans,Arial,sans-serif;font-weight:700;font-size:11px}@media(max-width:1000px){.vertical-poster p{font-size:46px}}@media(max-width:700px){.person-line h3{font-size:27px}.compact-heading h3{font-size:28px}.vertical-poster p{font-size:27px}}
.application-layout h1,.account-layout h1,.privacy-page h1,.voting-page h1{font-family:ArenaDisplay,Impact,sans-serif}.application-account h2,.account-panel h2{font-family:ArenaDisplay,Impact,sans-serif}
@media(prefers-reduced-motion:reduce){.motion-vs span{animation:none}.compact-visual img,.compact-side{transition:none}button:active:not(:disabled),.button:active{transform:none}}

/* Compact navigation; the broadcast mark floats across the header baseline. */
.site-header{height:80px;position:relative;z-index:5;overflow:visible;padding-left:208px}
.site-header .brand{position:absolute;left:0;top:8px;width:176px;z-index:1}
.site-header .brand img{display:block}
.site-header nav{margin-right:0;gap:32px}
.site-header nav a,.mobile-menu a,.mobile-menu button{font-family:ArenaDisplay,Impact,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.3px}
.site-header nav a{font-size:23px;line-height:1.1;min-height:44px;display:inline-flex;align-items:center}
.mobile-menu a,.mobile-menu button{font-size:26px}
@media(max-width:780px){
 .site-header{height:64px;padding-left:136px}
 .site-header .brand{width:120px;top:6px}
 .site-header:has(.page-nav){height:88px}
 .site-header nav.page-nav{gap:0 12px!important;justify-content:flex-end;margin:0 0 0 auto}
 .site-header .page-nav a{font-size:17px;min-height:44px;line-height:1.1}
 .mobile-menu:not([hidden]){padding-top:22px}
}
.site-header{margin-top:8px}

/* Reference hero scale with room for Turkish uppercase accents. */
.hero .eyebrow{font-size:16px;line-height:1.5;letter-spacing:1px}
.hero .hero-copy h1{font-size:clamp(48px,5vw,64px);line-height:1.12;max-width:900px;margin-top:24px;overflow:visible}
.hero-prize{font-size:44px;line-height:1.15;margin-top:28px}
.hero-prize>span{font:inherit;color:inherit;text-transform:uppercase;margin-bottom:0px}
.hero-actions .button-white:focus-visible{background:#fbbc04;color:#0b0b0f}
@media(hover:hover) and (pointer:fine){.hero-actions .button-white:hover{background:#fbbc04;color:#0b0b0f}}
@media(max-width:780px){
 .hero .eyebrow{font-size:11px;letter-spacing:.6px}
 .hero .hero-copy h1{font-size:clamp(36px,8vw,56px);line-height:1.14}
 .hero-prize{font-size:36px;margin-top:24px}
}

/* Header duyuru şeridi: üç video bir halka gibi durur. Öndeki net, diğer
   ikisi arkada bulanık camsı katman olarak bekler; ok basıldığında roller
   değişir ve geçiş transform/filter üzerinden akar. Oklar sahnenin üzerinde. */
.hero-inner{grid-template-columns:minmax(0,1fr) 510px;gap:40px}
.hero-announcement{width:470px;justify-self:start}
.reel{position:relative;overflow:hidden;padding-block:14px}
.reel .vertical-stage{position:relative;overflow:visible;width:300px;margin-inline:auto;border:0;background:none}
.reel-slide{position:absolute;inset:0;background:#101329;border:1px solid #566497;transition:transform .72s var(--ease),filter .72s var(--ease),opacity .72s var(--ease)}
.reel-slide video{display:block;width:100%;height:100%;object-fit:contain;background:#0b0b0f}
/* Arkadaki katmanlara buzlu cam görünümü veren ince parlama ve kenar. */
.reel-slide:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .72s var(--ease);background:linear-gradient(140deg,#ffffff24,#ffffff06 42%,#0b0b0f3d);border:1px solid #ffffff2e}
.reel-slide:not([data-role=active]):after{opacity:1}
.reel-slide[data-role=active]{transform:none;filter:none;opacity:1;z-index:3}
.reel-slide[data-role=next]{transform:translateX(42%) scale(.8);filter:blur(6px) brightness(.78) saturate(1.15);opacity:.92;z-index:2;pointer-events:none}
.reel-slide[data-role=prev]{transform:translateX(-42%) scale(.8);filter:blur(6px) brightness(.78) saturate(1.15);opacity:.92;z-index:1;pointer-events:none}
.reel-slide[data-role=hidden]{transform:scale(.72);filter:blur(11px);opacity:0;z-index:0;pointer-events:none}
.reel-arrow{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:5;width:44px;height:92px;display:grid;place-items:center;padding:0;cursor:pointer;background:#0b0b0fd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #3c4a73;color:#f5f4f1;transition:background-color .2s,border-color .2s,color .2s}
.reel-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:square;stroke-linejoin:miter}
.reel-next{left:auto;right:0;border-color:#6c3235}
.reel-arrow:focus-visible{outline:2px solid #fbbc04;outline-offset:3px}
/* 06.10.2026: basinca dugmenin kendisi kuculmez (kenara yakin tiklama dugmenin disinda biter, tiklama kaybolur); yalniz ok kuculur. Gorunmez pay ile isabet alani genis. */.reel-arrow::before{content:"";position:absolute;inset:-10px -10px}.reel-arrow svg{transition:transform .12s ease}.reel-arrow:active:not(:disabled){transform:translateY(-50%)}.reel-arrow:active svg{transform:scale(.82)}
.reel-status{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:11px}
.reel-dots{display:flex;gap:6px}
.reel-dot{width:24px;height:28px;padding:12px 0;border:0;background:#3a3a46;background-clip:content-box;cursor:pointer;transition:background-color .25s}
.reel-dot[aria-current=true]{background:#fbbc04;background-clip:content-box}
.reel-count{font:700 11px/1 ArenaSans,Arial,sans-serif;color:#c5c9dc;letter-spacing:.6px;white-space:nowrap}
@media(hover:hover) and (pointer:fine){
 .reel-arrow:hover{background:#fbbc04;border-color:#fbbc04;color:#0b0b0f}
 .reel-dot:hover{background:#6f7183;background-clip:content-box}
}
@media(min-width:1400px){.hero-inner{grid-template-columns:minmax(0,1fr) 540px}.hero-announcement{width:500px}.reel .vertical-stage{width:320px}}
@media(max-width:1000px){
 .hero-inner{grid-template-columns:minmax(0,1fr) 336px;gap:26px}
 .hero-announcement{width:330px}
 .reel .vertical-stage{width:212px}
 .reel-arrow{width:34px;height:70px}
 .reel-arrow svg{width:17px;height:17px}
}
@media(max-width:700px){
 /* Dar ekranda halka tam genislikte ve ortada durur; sahne oranli buyur. */
 .hero-announcement{width:100%;display:block}
 .reel{padding-block:8px}
 .reel .vertical-stage{width:64%}
 .reel-arrow{width:36px;height:60px}
 .reel-arrow svg{width:18px;height:18px}
 .reel-status{justify-content:center;margin-top:14px}
}

/* Jüri bölümü: dört sütun (mobilde iki), kare portreler duotone bekler,
   hover'da renge döner. Mavi/kırmızı sıralama A/B ikiliğini sürdürür. */
.jury-section{position:relative;border-block:1px solid #2c2c38;background:#0d0d13 url('assets/grid.png') center/cover;padding-block:66px 72px;overflow:hidden}
.jury-section:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(52% 58% at 14% 8%,#1b3fd847,transparent 70%),radial-gradient(50% 56% at 88% 96%,#c5221f3d,transparent 70%)}
.jury-section>.shell{position:relative}
.jury-head{max-width:640px;margin-bottom:34px}
.jury-head .eyebrow{color:#fbbc04}
.jury-head h2{font-family:ArenaDisplay,Impact,sans-serif;font-size:clamp(34px,4.3vw,50px);line-height:.92;margin:14px 0 0}
.jury-head h2 span{color:#fbbc04}
.jury-intro{color:#bcc0ce;font-size:15px;line-height:1.7;margin:16px 0 0;max-width:52ch}
.jury-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
.jury-card{position:relative;min-width:0;background:#12121b;border:1px solid #2f3346;padding:14px 14px 18px}
.jury-card.side-a{--accent:#4285f4;--wash:#1b3fd8}
.jury-card.side-b{--accent:#ea4335;--wash:#c5221f}
/* Numara çipi: marka renginde zemin, koyu yazı. Açık ve koyu portrelerin
   hepsinde okunur kalsın diye düz metin yerine çip kullanıldı. */

.jury-portrait{position:relative;overflow:hidden;aspect-ratio:1;background:#0b0b0f}
.jury-portrait img{display:block;width:100%;height:100%;object-fit:cover}
/* Duotone: gri taban + marka renginde yıkama. Kaynak fotoğraflar farklı
   ışıklarda çekildiği için bu katman dördünü aynı dile getiriyor. */
.jury-portrait:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(158deg,var(--wash) 0%,#0b0b0f66 56%,#0b0b0fd9 100%);mix-blend-mode:overlay}
.jury-accent{display:block;height:3px;background:var(--accent);margin-top:14px}
.jury-copy h3{font-family:ArenaDisplay,Impact,sans-serif;font-size:23px;line-height:1.06;margin:12px 0 0;color:#f5f4f1}
.jury-role{font:700 11px/1.4 ArenaSans,Arial,sans-serif;letter-spacing:1.6px;color:var(--yellow);margin:6px 0 0}.jury-alias{font:700 10px/1.4 ArenaSans,Arial,sans-serif;letter-spacing:1.2px;color:var(--accent);margin:7px 0 0;min-height:14px}


@media(max-width:900px){
 .jury-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .jury-section{padding-block:48px 54px}
 .jury-head{margin-bottom:26px}
 .jury-copy h3{font-size:21px}
}
@media(max-width:520px){
 .jury-card{padding:10px 10px 14px}
 .jury-copy h3{font-size:18px}

 .jury-intro{font-size:14px}
}
/* Ust menudeki basvuru cagrisi: her sayfada en sagda, sari. */
.nav-cta{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;padding:13px 26px;border-radius:3px;background:var(--yellow);color:#0b0b0f;font:700 12px/1 ArenaSans,Arial,sans-serif;letter-spacing:1.2px;white-space:nowrap}
.nav-cta.is-current{background:transparent;color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}
.site-header:has(.nav-cta) nav{margin-right:26px}
html.motion .nav-cta{transition:background-color .2s,transform .2s var(--ease)}
@media(hover:hover) and (pointer:fine){.nav-cta:hover{background:#ffd146}.nav-cta.is-current:hover{background:#fbbc041f}html.motion .nav-cta:hover{transform:translateY(-2px)}}
@media(max-width:780px){.nav-cta{min-height:40px;padding:10px 15px;font-size:10px;letter-spacing:.9px}.site-header:has(.nav-cta) nav{margin-right:12px}}
@media(max-width:430px){.nav-cta{padding:9px 11px;font-size:9px}}
/* Başa dön düğmesi: sağ altta duran yayın rozeti. Çekirdeği bir bağlantı
   olduğu için script çalışmasa da görevini yapar; hareket katmanı yalnızca
   görünürlüğü ve geçişleri ekler (motion.css bölüm 10). */
.to-top{position:fixed;right:26px;bottom:26px;z-index:25;width:62px;height:62px;display:grid;place-items:center;background:#12121ae6;border:1px solid #3a3a46;border-radius:50%;box-shadow:0 12px 26px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* Halka sayfa ilerlemesini gösterir; --scroll değişkenini motion.js yazar.
   Hareket kapalıyken değişken hiç güncellenmeyeceği için halka çizilmez. */
.to-top-ring{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);rotate:-90deg;pointer-events:none;overflow:visible}
html:not(.motion) .to-top-ring{display:none}
.to-top-ring circle{fill:none;stroke-width:3.4}
.ring-track{stroke:#ffffff17}
.ring-fill{stroke:var(--yellow);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--scroll,0))}
/* Rozet VS damgasıyla aynı kesimi kullanır. İki ok üst üste durur: üstteki
   yukarı çıkar, alttaki yerine gelir. */
.to-top-badge{position:relative;width:34px;height:34px;overflow:hidden;background:var(--yellow);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.to-top-badge svg{position:absolute;left:50%;top:50%;width:17px;height:17px;fill:#0b0b0f;translate:-50% -50%}
.to-top-badge svg:last-of-type{translate:-50% 170%}
.to-top-label{position:absolute;right:calc(100% + 13px);top:50%;translate:0 -50%;white-space:nowrap;pointer-events:none;opacity:0;font:800 16px/1 ArenaDisplay,Impact,sans-serif;letter-spacing:.7px;color:var(--yellow);text-shadow:0 2px 10px #0b0b0f}
.to-top:focus-visible .to-top-label{opacity:1}
@media(hover:hover) and (pointer:fine){.to-top:hover{border-color:var(--yellow);box-shadow:0 16px 32px #00000080,0 0 0 1px #fbbc0459}.to-top:hover .to-top-label{opacity:1}}
@media(max-width:780px){
 .to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:54px;height:54px}
 .to-top-badge{width:30px;height:30px}
 .to-top-badge svg{width:15px;height:15px}
 .to-top-label{display:none}
 /* Mobil aksiyon şeridi görünürken düğme onun üstüne çıkar. */
 body:has(.mobile-actions:not(.is-hidden)) .to-top{bottom:calc(80px + env(safe-area-inset-bottom))}
}

/* ── Oylama geri sayımı (23.09.2026) ─────────────────────────────────────
   Haftalık set aynı gece kapandığı için karşılaşmaların tepesinde tek satır.
   Hareketsiz hâlde de eksiksiz okunur; hareket katmanı motion.css bölüm 11.
   --vurgu durum rengidir (normal sarı, son gün/son saat kırmızı, kapandı gri),
   --ilerleme 0-1 arası dolum oranıdır ve duels.js tarafından yazılır. */
.vote-countdown{--vurgu:var(--yellow);--ilerleme:0;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 28px;padding:20px 24px 24px;margin-bottom:6px;background:linear-gradient(118deg,#15151d 0%,#101018 62%,#141422 100%);border:1px solid var(--line);border-top:2px solid var(--vurgu)}
.vote-countdown>*{position:relative;z-index:1}
.countdown-glow{position:absolute;z-index:0;top:-40%;bottom:-40%;width:180px;left:-220px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--vurgu) 22%,transparent),transparent);transform:skewX(-12deg);pointer-events:none}
.countdown-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.18em;color:var(--vurgu);margin:0 0 8px}
.countdown-dot{width:9px;height:9px;background:var(--vurgu);clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);flex:none}
.countdown-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:#bcc0ce;margin:0}
.countdown-chip{background:var(--vurgu);color:#0b0b0f;font-family:ArenaDisplay,Impact,sans-serif;font-size:17px;line-height:1;padding:6px 10px 5px;transform:skewX(-8deg);white-space:nowrap}
.countdown-note-text{min-width:0}
.countdown-clock{position:relative;display:flex;align-items:flex-end;gap:12px;justify-self:end}
.countdown-clock:before{content:'';position:absolute;inset:-10px -18px -10px -22px;background:color-mix(in srgb,var(--vurgu) 9%,transparent);transform:skewX(-8deg);z-index:0}
.countdown-clock>*{position:relative;z-index:1}
.countdown-unit{display:grid;justify-items:center;gap:4px;min-width:76px;padding:9px 12px 8px;background:#0d0d14;border:1px solid #2b2b36}
.countdown-unit b{font-family:ArenaDisplay,Impact,sans-serif;font-weight:900;font-size:clamp(38px,4.4vw,58px);line-height:.86;color:var(--white);font-variant-numeric:tabular-nums}
.countdown-unit i{font-style:normal;font-size:9px;letter-spacing:.16em;color:#9a9aa8}
.countdown-sep{font-family:ArenaDisplay,Impact,sans-serif;font-size:26px;line-height:1;color:var(--vurgu);padding-bottom:20px}
.countdown-rail{grid-column:1/-1;height:4px;background:#24242d;overflow:hidden}
.countdown-rail-fill{display:block;height:100%;width:calc(var(--ilerleme,0)*100%);background:var(--vurgu);transition:width 900ms linear}
.vote-countdown[data-state=soon]{--vurgu:#ff8f1f}
.vote-countdown[data-state=final]{--vurgu:var(--red)}
.vote-countdown[data-state=final] .countdown-unit{border-color:color-mix(in srgb,var(--red) 55%,#2b2b36)}
.vote-countdown[data-state=closed]{--vurgu:#61616e}
.vote-countdown[data-state=closed] .countdown-unit b{color:#8d8d99}
@media(max-width:860px){.vote-countdown{grid-template-columns:1fr;gap:14px;padding:16px 16px 20px}.countdown-clock{justify-self:stretch;gap:6px}.countdown-clock:before{inset:-8px -10px}.countdown-unit{min-width:0;flex:1;padding:6px 4px}.countdown-unit b{font-size:clamp(28px,9vw,42px)}.countdown-unit i{font-size:8px}.countdown-sep{display:none}.countdown-chip{font-size:15px}}

/* ── "Bir sonraki challenge senden" bandı (23.09.2026) ───────────────────
   Tam genişlik cam panel: arkada mavi/kırmızı ışık havuzları ve marka
   ızgarası, üstünde buzlu cam plaka, kenarlarda mavi/kırmızı ışık çizgisi.
   Hareket motion.css bölüm 12'dedir; hareketsiz hâlde de panel, ışıklar ve
   metin hiyerarşisi eksiksiz durur. Bant kenardan kenara gider (shell yok),
   içerik sayfanın ortak ızgarasına oturur. */
.suggestion-section{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin:0 0 92px;padding:0;border:0;border-radius:0;background:#07080f;color:var(--white)}
.suggest-stage{position:absolute;inset:0;z-index:0;pointer-events:none;display:block}
.suggest-glow{position:absolute;display:block;width:min(66vw,900px);aspect-ratio:1.05;border-radius:50%;filter:blur(62px);opacity:.95;will-change:transform}
.suggest-glow-blue{left:-12%;bottom:-38%;background:radial-gradient(circle at 50% 50%,#6f9dff 0%,#2b55ea 38%,#1b3fd8 56%,transparent 74%)}
.suggest-glow-red{right:-10%;top:-38%;opacity:1;filter:blur(58px);background:radial-gradient(circle at 50% 50%,#ff9184 0%,#f04a38 34%,#c5221f 54%,transparent 76%)}
.suggest-grid{position:absolute;inset:0;display:block;background:url('assets/grid.png') 0 0/760px auto repeat;opacity:.3;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}
.suggest-plate{position:absolute;inset:0;z-index:1;display:block;pointer-events:none;background:radial-gradient(58% 116% at 50% 52%,#05060b9e 0%,#05060b42 50%,transparent 82%),linear-gradient(180deg,#0a0c1838 0%,#04050a5c 100%);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff17;box-shadow:inset 0 1px 0 #ffffff26}
.suggest-sweep{position:absolute;top:-32%;bottom:-32%;left:-30%;z-index:2;display:block;width:200px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff1c 45%,#ffffff26 55%,transparent);transform:skewX(-12deg)}
.suggest-edge{position:absolute;top:0;bottom:0;z-index:2;display:block;width:2px;pointer-events:none}
.suggest-edge-left{left:0;background:linear-gradient(180deg,transparent,#4285f4 45%,transparent);box-shadow:0 0 26px 2px #4285f47a}
.suggest-edge-right{right:0;background:linear-gradient(180deg,transparent,#ea4335 55%,transparent);box-shadow:0 0 26px 2px #ea43357a}
.suggest-inner{position:relative;z-index:3;padding-block:86px 90px}
.suggestion-section .suggestion-top{justify-content:center;gap:16px;margin-bottom:28px}
.suggestion-section .suggestion-top p{color:#c8d4ff;letter-spacing:1.4px;text-shadow:0 0 22px #1b3fd8}
.suggestion-section .suggestion-content{flex-direction:column;align-items:center;justify-content:center;gap:34px;text-align:center}
.suggestion-section .suggestion-content h2{color:#fff;text-shadow:0 0 44px #4285f466,0 0 90px #c5221f3d}
.suggestion-section .suggestion-content p{color:#c3cdea;max-width:54ch;margin-inline:auto}
/* Çağrı düğmesi: cam yüzey, üzerine gelince aşağıdan markanın sarısıyla dolar. */
.suggestion-section .suggest-cta{min-width:284px}
.suggest-cta{position:relative;isolation:isolate;overflow:hidden;min-width:284px;background:#ffffff12;color:var(--white);border:1px solid #ffffff42;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 32px #00000059;transition:color .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
.suggest-cta:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(118deg,#fbbc04,#ffd75e);transform:translateY(102%);transition:transform .36s var(--ease)}
.suggest-cta span{transition:transform .3s var(--ease)}
.suggest-cta:hover,.suggest-cta:focus-visible{color:#0b0b0f;border-color:var(--yellow);box-shadow:0 18px 42px #fbbc0447;transform:translateY(-2px)}
.suggest-cta:hover:before,.suggest-cta:focus-visible:before{transform:none}
.suggest-cta:hover span,.suggest-cta:focus-visible span{transform:translate(4px,-4px)}
@media(max-width:860px){.suggestion-section{margin:0 0 60px}.suggest-inner{padding-block:56px 60px}.suggest-glow{width:86vw;filter:blur(58px);opacity:.55}.suggest-plate{backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}.suggestion-section .suggestion-content{gap:26px}.suggest-cta{min-width:0;width:100%;max-width:340px;margin-top:0}}

/* Zemin ızgarası, mavi/kırmızı dikişi ve süzülen cam parçacıklar. */
.suggest-floor{position:absolute;inset:auto 0 0 0;z-index:2;display:block;height:62%;background:url('assets/perspective.webp') center bottom/cover no-repeat;opacity:.4;mix-blend-mode:screen;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 70%);mask-image:linear-gradient(180deg,transparent,#000 70%)}
.suggest-seam{position:absolute;top:-20%;bottom:-20%;left:50%;z-index:2;display:block;width:2px;margin-left:-1px;pointer-events:none;background:linear-gradient(180deg,transparent,#fbbc0466 26%,#fbbc04 50%,#fbbc0466 74%,transparent);transform:skewX(-12deg);box-shadow:0 0 34px 4px #fbbc0440}
.suggest-bit{position:absolute;z-index:2;display:block;width:78px;height:78px;pointer-events:none;border:1px solid #ffffff59;background:linear-gradient(140deg,#ffffff2e,#ffffff08);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 8px 26px #00000047,inset 0 1px 0 #ffffff40;transform:skewX(-12deg);opacity:.72}
.suggest-bit.b1{left:5%;top:16%;width:104px;height:104px}
.suggest-bit.b2{left:13%;bottom:14%;width:58px;height:58px;border-color:#7ea9ff;box-shadow:0 0 22px #4285f47a,inset 0 1px 0 #ffffff40}
.suggest-bit.b3{left:26%;top:8%;width:42px;height:42px}
.suggest-bit.b4{right:26%;bottom:10%;width:46px;height:46px}
.suggest-bit.b5{right:13%;top:14%;width:62px;height:62px;border-color:#ff8d82;box-shadow:0 0 22px #ea43357a,inset 0 1px 0 #ffffff40}
.suggest-bit.b6{right:5%;bottom:16%;width:108px;height:108px}
.suggest-bit.b7{left:50%;top:6%;width:34px;height:34px;opacity:.35}
@media(max-width:860px){.suggest-bit,.suggest-seam{display:none}.suggest-floor{opacity:.22}}

/* --- İç sayfa menüsü: dar ekranda ikinci satıra iner ---------------------
   .page-nav yukarıda `display:flex!important` ile tanımlı; bu, dar ekrandaki
   `.site-header nav{display:none}` kuralını eziyor ve menü kasıtlı olarak
   görünür kalıyor (bu sayfaların çoğunda hamburger yok). Üç bağlantıyla
   sığıyordu; İzle ve Ödüller eklenince beş oldu ve başlık şeridinden taşıp
   sayfa içeriğinin üstüne biniyordu.

   Çözüm: 700 px altında menü tek satır hâlinde başlığın ALTINA geçer ve kendi
   içinde yatay kayar. Bütün bağlantılar tek dokunuş uzaklıkta kalır, hiçbir
   sayfada HTML değişikliği gerekmez ve hamburgeri olan sayfalarda (index,
   izle, oduller) o menü de olduğu gibi çalışmaya devam eder. */
@media(max-width:700px){
  .site-header:has(.page-nav){flex-wrap:wrap;height:auto;padding-bottom:10px;row-gap:6px}
  .site-header nav.page-nav{
    order:3;flex:1 0 100%;margin:2px 0 0;justify-content:flex-start;
    flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
    gap:0 18px!important;scrollbar-width:none;-ms-overflow-style:none;
  }
  .site-header nav.page-nav::-webkit-scrollbar{display:none}
  /* Sag kenarda solma: seridin devami oldugu belli olsun (kaydirma cubugu gizli). */
  .site-header nav.page-nav{
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);
  }
  .site-header .page-nav a{font-size:15px;white-space:nowrap;flex:none;min-height:38px}
  /* Hamburger olan sayfalarda ikinci satır gereksiz: orada menü zaten var. */
  .site-header:has(.page-nav):has(.menu-button) nav.page-nav{display:none!important}
}
/* Footer alt satırı: bağlantı (Gizlilik - Kişisel Veriler ve Yasal Metin) ile düğme (Yarışma kuralları) aynı hizada. 02.10.2026 */
.footer-bottom>div{align-items:center}.footer-bottom>div a{display:inline-flex;align-items:center;min-height:36px;color:#b2b2be}
/* Gizlilik sayfası (02.10.2026): "Yasal Metin" başlığı 55 px; ana başlık hiyerarşi için 64 px.
   Başlık ile üstteki paragraf arasında belirgin boşluk; yasal metin paragrafları başlığa oranla aralıklı. */
.privacy-page h1{font-size:clamp(44px,6.4vw,64px);line-height:.95;margin-bottom:32px}
.privacy-page #yasal-metin{margin-top:72px;padding-top:40px;border-top:1px solid #2c2c36}
.privacy-page #yasal-metin h2{font-family:ArenaDisplay,Impact,sans-serif;font-size:clamp(38px,5.5vw,55px);line-height:.95;letter-spacing:.5px;margin:0 0 28px}
.privacy-page #yasal-metin p{font-size:15px;line-height:1.85;margin:0 0 20px}
@media(max-width:700px){.privacy-page #yasal-metin{margin-top:52px;padding-top:30px}.privacy-page #yasal-metin h2{margin-bottom:20px}}

/* Mobil menü (03.10.2026): başlık yapışkan olduğu için menü de ekrana sabitlenir;
   sayfanın neresinde açılırsa açılsın başlığın hemen altında görünür (--menu-top: live.js).
   Uzaklaştırma koruması: yatay taşma kökte de kesilir (viewport minimum-scale=1 ile birlikte). */
html{overflow-x:clip}
@media(max-width:780px){
  .mobile-menu:not([hidden]){position:fixed;left:0;right:0;top:var(--menu-top,86px);z-index:39;
    max-height:calc(100dvh - var(--menu-top,86px));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 22px 40px #000000b3}
}
/* Giriş sayfası başlığı (03.10.2026): satır aralığı .95 iken ikinci satırdaki
   büyük İ'lerin noktası üst satırdaki harflere değiyordu. */
.account-layout h1{line-height:1.08}
/* E-posta + doğrulama koduyla giriş (05.10.2026). Site yazı tipi ve renkleri. */
.auth-or{display:flex;align-items:center;gap:14px;margin:26px 0 22px;color:#8b8b98;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:#33333e}.email-login label{display:block;font-size:13px;font-weight:600;color:#e0e0ea;margin-bottom:8px}.email-login input{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid #4a4a57;border-radius:2px;background:#101015;color:#f5f4f1;font:inherit;font-size:16px}.email-login input:focus{outline:none;border-color:#fbbc04;background:#17171f}.email-login #login-code{font-size:26px;letter-spacing:.45em;text-align:center;font-variant-numeric:tabular-nums}.email-login .button{width:100%;justify-content:center;margin-top:14px}.email-login small{display:block;margin-top:12px;font-size:12px;line-height:1.6;color:#9a9aa8}.email-login .email-sent{font-size:13px;line-height:1.65;color:#c4c5d1;margin:0 0 16px}.email-login .email-sent strong{color:#fff;overflow-wrap:anywhere}.email-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px}.account-panel .email-actions .text-button{margin-top:12px;display:inline-flex;font-size:12px}.email-actions .text-button:disabled{opacity:.5;cursor:default}.email-login [hidden]{display:none}.account-panel .form-message[data-tone=error]{color:#ffb5b0}.auth-or[hidden]{display:none}
/* "by Ozworks.ai" imzası (06.10.2026): Gemini ana sponsor, Ozworks yüklenici.
   Yalnız gri tonlu; geniş ekranda logonun sağında ve dikey ortasında, daha dar
   ekranda logonun altında (menüye/BAŞVURU düğmesine çarpmasın). */
.brand-by{display:inline-flex;align-items:center;gap:7px;text-decoration:none;opacity:.82;transition:opacity .25s ease}
.brand-by span{font:500 12px/1 ArenaSans,Arial,sans-serif;letter-spacing:.06em;color:#8e8e9a;text-transform:lowercase}
.brand-by img{display:block;height:17px;width:auto}
@media(hover:hover) and (pointer:fine){.brand-by:hover{opacity:1}}
.brand-by:focus-visible{outline:2px solid #fbbc04;outline-offset:4px;opacity:1}
/* Dar ekranda logo ve imza birlikte eski logonun alanını aşmaz: logo küçülür,
   imza altına ortalanır; içerik yerinden oynamaz (ölçülerek ayarlandı). */
@media(min-width:781px) and (max-width:1179px){.site-header .brand{width:148px}.site-header .brand-by{position:absolute;z-index:1;left:0;top:105px;width:148px;justify-content:center;gap:6px}.site-header .brand-by span{font-size:10px}.site-header .brand-by img{height:13px}}
@media(min-width:1180px){.site-header{padding-left:368px}.site-header .brand-by{position:absolute;z-index:1;left:192px;top:55px}}
@media(max-width:780px){.site-header .brand{width:100px}.site-header .brand-by{position:absolute;z-index:1;left:0;top:71px;width:100px;justify-content:center;gap:5px}.site-header .brand-by span{font-size:11px}.site-header .brand-by img{height:13px}}
/* Menü yapışınca logo küçülür (motion.css is-stuck); imza logoyla aynı sürede
   aynı mesafeyi koruyarak taşınır, aralarında boşluk açılmaz. Logo oranı 1,6. */
html.motion .site-header .brand-by{transition:left .3s var(--ease),top .3s var(--ease),width .3s var(--ease),opacity .25s ease}
@media(min-width:1180px){html.motion .site-header.is-stuck{padding-left:296px}html.motion .site-header.is-stuck .brand-by{left:140px;top:38px}}
@media(min-width:781px) and (max-width:1179px){html.motion .site-header.is-stuck .brand-by{width:124px;top:90px}}
@media(max-width:780px){html.motion .site-header.is-stuck .brand-by{width:96px;top:68px}}
.footer-brand{display:flex;align-items:center;gap:22px;flex-shrink:0}
.footer-brand .brand-by img{height:19px}
/* İmza ve altındaki organizasyon notu tek sütun; not imzadan bir ton soluk. */
.footer-org{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-org-note{display:block;max-width:270px;font:400 11px/1.55 ArenaSans,Arial,sans-serif;color:#777783;letter-spacing:.01em}
@media(max-width:780px){.footer-brand{flex-direction:column;align-items:center;gap:8px}.footer-brand .brand-by{gap:5px}.footer-brand .brand-by span{font-size:9px}.footer-brand .brand-by img{height:12px}.footer-org{align-items:center;gap:7px}.footer-org-note{max-width:180px;font-size:10px;line-height:1.5;text-align:center}}
/* Footer menüsü: yasal bağlantılar slogan altında, üst menüyle aynı yazı dili.
   Mobilde slogan logonun yanında kalır, menü tam genişlik satırlara iner. */
.footer-center{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.footer-nav{display:flex;flex-wrap:wrap;gap:2px 30px}
.footer-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;font:800 17px/1.15 ArenaDisplay,Impact,sans-serif;text-transform:uppercase;letter-spacing:.3px;color:#d6d6de;text-decoration:none;transition:color .2s ease}
.footer-nav a::after{content:'';position:absolute;left:0;right:0;bottom:8px;height:2px;background:#fbbc04;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
@media(hover:hover) and (pointer:fine){.footer-nav a:hover{color:#fff}.footer-nav a:hover::after{transform:scaleX(1)}}
.footer-nav a:focus-visible{outline:2px solid #fbbc04;outline-offset:4px;color:#fff}
@media(min-width:781px) and (max-width:1279px){.footer-main{flex-wrap:wrap;row-gap:10px}.footer-center{order:3;flex:1 0 100%;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;border-top:1px solid #26262e}.footer-center p{max-width:none}}
@media(max-width:780px){.footer-main{flex-wrap:wrap}.footer-center{display:contents}.footer-nav{flex:1 0 100%;flex-direction:column;gap:0;margin-top:6px;border-bottom:1px solid #26262e}.footer-nav a{min-height:52px;font-size:17px;border-top:1px solid #26262e}.footer-nav a::after{display:none}.footer-nav a::before{content:'↗';order:2;margin-left:auto;padding-left:12px;font:400 15px ArenaSans,Arial,sans-serif;color:#fbbc04}}
/* Ana sayfa "BAŞVURU YAP" — döngülü durum düğmesi (06.10.2026). İki etiket aynı
   hücrede üst üste durur; sarı dolgu soldan dolar, "BAŞVURULAR DEVAM EDİYOR!"
   nefes alır gibi parlar, sonra sağa boşalıp düğmeye döner. 10 sn, yumuşak geçiş.
   Hareket azaltılmışsa (html.motion yok) yalnız "BAŞVURU YAP" görünür. */
.hero-actions .apply-cycle{background-clip:padding-box;display:inline-grid;grid-template-areas:"x";grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:center;min-width:300px;isolation:isolate}
.hero-actions .apply-cycle .ac-label{grid-area:x;justify-self:stretch;position:relative;z-index:1;display:flex;align-items:center;font-size:inherit;line-height:1.2;white-space:nowrap}
.hero-actions .apply-cycle .ac-apply{justify-content:space-between;gap:24px}
.apply-cycle .ac-apply i{font-style:normal;font-size:22px;line-height:1}
.hero-actions .apply-cycle .ac-live{justify-content:center;gap:10px;opacity:0;letter-spacing:.4px}
.apply-cycle .ac-fill{position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,#fbbc04 0%,#ffcf3a 50%,#fbbc04 100%);clip-path:inset(0 100% 0 0);pointer-events:none}
.hero-actions .apply-cycle .ac-dot{display:block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#0b0b0f}
html.motion .apply-cycle{animation:ac-glow 10s ease-in-out infinite}
html.motion .apply-cycle .ac-fill{animation:ac-fill 10s cubic-bezier(.65,0,.35,1) infinite}
html.motion .apply-cycle .ac-apply{animation:ac-apply 10s cubic-bezier(.45,0,.25,1) infinite}
html.motion .apply-cycle .ac-live{animation:ac-live 10s cubic-bezier(.45,0,.25,1) infinite}
html.motion .apply-cycle .ac-dot{animation:ac-dot 2.5s ease-in-out infinite}
@media(hover:hover) and (pointer:fine){html.motion .apply-cycle:hover,html.motion .apply-cycle:hover *{animation-play-state:paused}}
html.motion .apply-cycle:focus-visible,html.motion .apply-cycle:focus-visible *{animation-play-state:paused}
@keyframes ac-fill{0%,30%{clip-path:inset(0 100% 0 0)}44%,82%{clip-path:inset(0 0 0 0)}96%,100%{clip-path:inset(0 0 0 100%)}}
@keyframes ac-apply{0%,32%{opacity:1;transform:none;filter:blur(0)}40%,86%{opacity:0;transform:translateY(-70%);filter:blur(3px)}86.01%{opacity:0;transform:translateY(70%);filter:blur(3px)}94%,100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes ac-live{0%,38%{opacity:0;transform:translateY(70%);filter:blur(3px)}46%,80%{opacity:1;transform:none;filter:blur(0)}88%,100%{opacity:0;transform:translateY(-70%);filter:blur(3px)}}
@keyframes ac-glow{0%,40%{box-shadow:0 0 0 0 #fbbc0400}52%{box-shadow:0 0 30px 2px #fbbc0466}62%{box-shadow:0 0 12px 0 #fbbc0424}72%{box-shadow:0 0 30px 2px #fbbc0466}86%,100%{box-shadow:0 0 0 0 #fbbc0400}}
@keyframes ac-dot{0%,100%{opacity:.5;box-shadow:0 0 0 0 #0b0b0f66}50%{opacity:1;box-shadow:0 0 0 6px #0b0b0f00}}
@media(max-width:780px){.hero-actions .apply-cycle{min-width:268px}.hero-actions .apply-cycle .ac-live{gap:8px;letter-spacing:.2px}}
/* Mobil başlık ve footer (07.10.2026, kullanıcı isteği): "by Ozworks.ai" masaüstündeki gibi logonun
   SAĞINDA, logonun dikey ortasında; BAŞVURU düğmesi sağa yaslanır ve hamburger menünün hemen yanında durur.
   Logo mobilde mutlak konumlu (genişlik 100 px, üstten 6 px); imza da onun yanına mutlak konumlanır ve başlığın
   sol iç boşluğu logo + imza kadar açılır. Yukarıdaki logo-altı kuralların yerine geçer. */
@media(max-width:780px){
  .site-header{padding-left:214px}
  html.motion body .site-header.is-stuck{padding-left:208px}
  .site-header .brand-by{position:absolute;left:112px;top:30px;width:auto;justify-content:flex-start;gap:4px}
  html.motion body .site-header.is-stuck .brand-by{left:106px;top:29px;width:auto}
  .site-header .brand-by span{font-size:12px}
  .site-header .brand-by img{height:14px}
  .site-header .brand-by{gap:5px}
  .site-header .nav-cta{margin-left:auto}
  .site-header .nav-cta+.menu-button{margin-left:-2px}
  .footer-brand{flex-direction:row;align-items:center;justify-content:center;gap:14px}
  .footer-brand>.brand{width:118px;flex:none}
  .footer-org{align-items:flex-start;gap:6px}
  .footer-org-note{max-width:170px;text-align:left}
  .footer-org .brand-by{gap:6px}
  .footer-org .brand-by span{font-size:12px}
  .footer-org .brand-by img{height:16px}
  .footer-center>[data-cms="footer.tagline"]{display:none}
}
@media(max-width:374px){
  .site-header .brand,html.motion body .site-header.is-stuck .brand{width:84px}
  .site-header,html.motion body .site-header.is-stuck{padding-left:172px}
  .site-header .brand-by,html.motion body .site-header.is-stuck .brand-by{left:94px;top:27px;gap:4px}
  .site-header .brand-by span{font-size:9px}
  .site-header .brand-by img{height:11px}
  .footer-org .brand-by img{height:13px}
  .footer-org .brand-by span{font-size:10px}
  .footer-brand>.brand{width:100px}
  .footer-org-note{max-width:150px}
}
/* Yapışkan başlık (07.10.2026): logo şeritten birkaç piksel aşağı taşar (masaüstü 6, mobil 12 px).
   Kayan içerik (ör. Ödüller kartının sarı çizgisi) o taşan kısımdan görünüp logoyu kesiyormuş gibi
   duruyordu; şeridin koyu zemini logonun altına kadar uzatılır. Logo ve imza yerinde kalır. */
html.motion body .site-header.is-stuck::before{bottom:-10px}
@media(max-width:780px){html.motion body .site-header.is-stuck::before{bottom:-16px}}
@media(max-width:374px){html.motion body .site-header.is-stuck::before{bottom:-8px}}
/* 781–1179 px: imza logonun ALTINDA durur (yapışkanda 103 px'e iner); şerit zemini imzayı da örter. */
@media(min-width:781px) and (max-width:1179px){html.motion body .site-header.is-stuck::before{bottom:-30px}}
/* "by Ozworks.ai" imzası büyütüldü (07.10.2026, kullanıcı isteği, ~%25). Yukarıdaki imza kurallarının üstüne yazar;
   konumlar yeni boyda logoya göre yeniden ortalandı, başlık sol boşluğu imza kadar açıldı. */
.brand-by span{font-size:15px}
.brand-by img{height:21px}
.brand-by{gap:8px}
.footer-brand .brand-by img{height:24px}
@media(min-width:1180px){.site-header{padding-left:392px}.site-header .brand-by{top:52px}html.motion body .site-header.is-stuck{padding-left:320px}html.motion body .site-header.is-stuck .brand-by{left:140px;top:35px}}
@media(min-width:781px) and (max-width:1179px){.site-header .brand-by span{font-size:12px}.site-header .brand-by img{height:16px}.site-header .brand-by{gap:6px}}
/* Mobil (≤780 px) imza boyutu kullanıcı isteğiyle eski hâlinde kalır; yukarıdaki genel büyütmeyi geri çevirir. */
@media(max-width:780px){
  .footer-brand .brand-by img{height:16px}
  .footer-org .brand-by span{font-size:12px}
  .footer-org .brand-by img{height:16px}
}
@media(max-width:374px){
  .footer-org .brand-by img{height:13px}
  .footer-org .brand-by span{font-size:10px}
}

/* 12.10.2026: iç sayfa menüsü masaüstünde 23 px'ti; "Ana sayfa", "Kampanya koşulları" ve
   girişten sonra hesap adı iki satıra bölünüyordu. 18 px + tek satır; uzun hesap adı "…" ile kısalır. */
@media(min-width:701px){
  .site-header nav.page-nav{gap:0 22px!important;flex-wrap:nowrap}
  .site-header .page-nav a{font-size:18px;white-space:nowrap}
  .site-header .page-nav a[data-account]{display:inline-block;max-width:170px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;line-height:44px}
}

/* 12.10.2026: 701-1279 px (tablet, kucuk dizustu) masaustu menusu + BASVURU ekrandan tasiyordu
   (1180 px: 86 px, 900 px: 166 px kesik). Bu aralikta menu hamburgere doner. */
@media(min-width:701px) and (max-width:1279px){
  .site-header:has(.menu-button) nav{display:none!important}
  .site-header .menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;width:40px;height:44px;padding:8px;margin-left:12px}
  .site-header .menu-button span{height:1px;width:24px;background:var(--white)}
  .site-header:has(.menu-button) .nav-cta{margin-left:auto}
  .mobile-menu:not([hidden]){display:flex;flex-direction:column;border-block:1px solid var(--line);padding:56px 40px 18px;background:#18181f}
  .mobile-menu a,.mobile-menu button{text-align:left;padding:13px 0;background:transparent}
}
@media(min-width:701px) and (max-width:780px){.mobile-menu:not([hidden]){padding-top:26px}}