@font-face{font-family:Manrope;src:url('assets/manrope-latin-ext.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--navy:#050e20;--white:#f5f8ff;--muted:#94a4bd;--ice:#a6ddff;--line:#b8cde31c}
*{box-sizing:border-box}html{min-width:280px}body{margin:0;min-height:100svh;background:var(--navy);color:var(--white);font-family:Manrope,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#9bdfff;color:var(--navy)}:focus-visible{outline:2px solid #a5e4ff;outline-offset:5px}[hidden]{display:none!important}
.skip-link{position:fixed;left:24px;top:12px;z-index:30;transform:translateY(-200%);padding:12px 20px;background:var(--white);color:var(--navy);border-radius:4px}.skip-link:focus{transform:none}
.atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 50% 34%,#0b2344 0%,#060f23 48%,#040c1b 85%)}
.light-field{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#397bae12,transparent 52%);animation:aura-breathe 9s ease-in-out infinite}.turkiye-horizon{position:absolute;left:50%;top:73%;width:min(108vw,1900px);transform:translateX(-50%);opacity:.85;mask-image:linear-gradient(#000 0%,#000 40%,#0009 72%,transparent 100%)}.turkiye-horizon img{display:block;width:100%;height:auto;filter:drop-shadow(0 -5px 15px #439fea20)}#ambient-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6}
.page-shell{width:min(100% - 112px,1400px);min-height:100svh;margin:auto;display:flex;flex-direction:column}.site-header{padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;z-index:2}.party-logo{width:198px;height:63px;object-fit:contain;object-position:left center}.health-logo{width:308px;height:53px;object-fit:contain;object-position:right center}
.main-stage{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px 0 clamp(170px,23svh,260px);min-height:560px;position:relative}.emblem-stage{position:relative;width:370px;height:clamp(210px,calc(40svh - 108px),330px);display:grid;place-items:center;isolation:isolate;transform:translate(var(--offset-x,0px),var(--offset-y,0px));transition:transform 1.2s ease}.emblem-aura{position:absolute;inset:-15% -30%;z-index:-1;background:radial-gradient(ellipse,#4ea9e333 0%,#317da40e 40%,transparent 68%);animation:aura-breathe 7s ease-in-out infinite}
.brand-mark{position:relative;width:116px;height:197px;filter:drop-shadow(0 0 24px #88ccff45) drop-shadow(0 8px 10px #0006);}.brand-mark img{width:100%;height:100%;display:block}.mark-sheen{position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,#ffffff 46%,#61baf8 52%,transparent 64%);background-size:300% 300%;mask:url('assets/anahtar.svg') center/contain no-repeat;animation:metal-sweep 7s ease-in-out infinite;mix-blend-mode:screen;opacity:.8}

.ground-glow{position:absolute;bottom:19px;left:24%;right:24%;height:20px;opacity:.6;background:radial-gradient(ellipse,#56b3ef2e,transparent 70%);filter:blur(6px);animation:aura-breathe 7s ease-in-out infinite}
.announcement{position:relative;z-index:2;margin-top:12px}.announcement-rule{display:flex;justify-content:center;align-items:center;gap:13px;margin-bottom:24px}.announcement-rule span{width:45px;height:1px;background:linear-gradient(90deg,transparent,#9fcdeb66)}.announcement-rule span:last-child{transform:rotate(180deg)}.announcement-rule i{width:4px;height:4px;transform:rotate(45deg);background:#a6d5f2}h1{font-size:clamp(2.3rem,4vw,3.5rem);font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:0;color:#f2f7ff}h1 span{color:#94cded}.announcement p{font-size:.9375rem;line-height:1.7;letter-spacing:.015em;color:var(--muted);margin:17px 0 0}
.social-links{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:38px}.social-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 3px;color:#adbbcf;font-size:.875rem;transition:color .2s,transform .2s}.social-platform{display:inline-flex;align-items:center;gap:9px}.social-username{color:var(--muted);font-size:.875rem;line-height:1.5;white-space:nowrap}.social-link svg{width:18px;height:18px}.social-link:nth-of-type(2) svg{width:14px;height:14px}.social-divider{width:1px;height:26px;background:#b6d7fc22}.social-link:hover{color:#fff;transform:translateY(-2px)}
.site-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0 24px;border-top:1px solid var(--line);font-size:.75rem;line-height:1.7;color:#8194ae}.footer-identity{margin:0}.footer-identity span{color:#53657f;padding:0 8px}.site-domain{font-size:.8125rem;color:#bccadb;letter-spacing:.04em}.motion-controls{display:flex;align-items:center;gap:8px}.motion-controls button{color:#a5b5cd;background:transparent;border:0;cursor:pointer;transition:color .2s}.motion-controls button:hover{color:#fff}.replay-button{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 8px;font-size:.75rem}.replay-button svg{width:16px;height:16px}.motion-toggle{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.motion-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}.play-icon{display:none}.control-divider{height:12px;width:1px;background:var(--line)}
.intro{position:fixed;inset:0;z-index:20;isolation:isolate;overflow:hidden;opacity:1;transition:opacity 1.1s cubic-bezier(.2,.6,.3,1)}
.intro-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#102944,#050e20 65%)}
#intro-canvas{position:absolute;inset:0;width:100%;height:100%;transition:opacity .4s}
.intro-glow{position:absolute;left:calc(var(--key-left) + var(--key-width) / 2);top:calc(var(--key-top) + var(--key-height) / 2);width:min(750px,140vw);aspect-ratio:1;transform:translate(-50%,-50%);opacity:0;background:radial-gradient(ellipse,#afdfff26 0%,#69bfff13 25%,transparent 64%);pointer-events:none}
.skip-intro{position:absolute;bottom:32px;right:45px;display:flex;gap:13px;align-items:center;font:inherit;font-size:.8125rem;color:#a2b7cf;background:none;border:1px solid #a9d7ff24;padding:11px 16px;border-radius:4px;cursor:pointer;transition:color .2s,border-color .2s}.skip-intro:hover{color:#fff;border-color:#a9d7ff66}
.intro.is-formed #intro-canvas{opacity:0}.intro.is-formed .intro-glow{animation:logo-bloom 1.6s ease both}
.intro.is-dissolving{opacity:0;pointer-events:none}.intro.is-dissolving .skip-intro{visibility:hidden}
.is-intro .site-header,.is-intro .announcement,.is-intro .social-links,.is-intro .site-footer{opacity:0}
.is-intro .emblem-stage,.is-revealing .emblem-stage{z-index:21;opacity:1;transform:none;transition:none}
.is-intro .brand-mark,.is-revealing .brand-mark{animation:none;transform:none}
.is-revealing .site-header{animation:arrive .9s .05s both}.is-revealing .announcement{animation:arrive .9s .15s both}.is-revealing .social-links{animation:arrive .9s .3s both}.is-revealing .site-footer{animation:footer-reveal .9s .4s both}
[data-motion="paused"] .light-field,[data-motion="paused"] .emblem-aura,[data-motion="paused"] .mark-sheen,[data-motion="paused"] .ground-glow{animation-play-state:paused}[data-motion="paused"] .pause-icon{display:none}[data-motion="paused"] .play-icon{display:block}
@keyframes aura-breathe{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes metal-sweep{0%,25%{background-position:100% 100%}70%,100%{background-position:0% 0%}}

@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* The footer touches the viewport edge: translating it creates a temporary scrollbar. */
@keyframes footer-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.page-shell{width:calc(100% - 72px)}.footer-identity{max-width:230px}.site-footer{gap:14px}.footer-identity span{padding:0 5px}}
@media(max-width:700px){.page-shell{width:calc(100% - 40px)}.site-header{padding:24px 0;gap:16px}.party-logo{width:140px;max-width:42%;height:45px}.health-logo{width:194px;max-width:54%;height:34px}.main-stage{min-height:550px;padding:12px 0 100px}.emblem-stage{width:310px;height:230px}.brand-mark{width:103px;height:175px}.announcement{margin-top:5px}.announcement-rule{margin-bottom:20px}h1{font-size:2.65rem}.announcement p{margin-top:14px;font-size:.875rem}.social-links{margin-top:29px;gap:16px}.social-link{font-size:.875rem;gap:8px}.site-footer{justify-content:center;flex-wrap:wrap;gap:10px 20px;padding:18px 0 20px}.footer-identity{max-width:none;width:100%;text-align:center;font-size:.75rem}.site-domain{font-size:.75rem}.replay-button{font-size:.75rem}.skip-intro{bottom:24px;right:24px}}
@media(max-width:359px){.site-header{gap:12px}.party-logo{width:102px}.health-logo{width:151px}.emblem-stage{width:280px;height:270px}.main-stage{min-height:515px}.social-links{gap:12px}.footer-identity span{padding:0 3px}h1{font-size:2.4rem}}
@media(min-width:701px) and (max-height:800px){.site-header{padding:22px 0}.main-stage{min-height:470px;padding:0 0 130px}.emblem-stage{height:210px}.announcement{margin-top:0}.announcement-rule{margin-bottom:17px}.social-links{margin-top:24px}.site-footer{padding:15px 0}}
.main-stage{overflow-x:clip}
@media(max-width:900px){.social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;max-width:100%}.social-divider{display:none}}
@media(max-width:380px){.social-links{grid-template-columns:1fr;gap:6px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="running"]) *,html:not([data-motion="running"]) *::before,html:not([data-motion="running"]) *::after{animation:none!important;transition:none!important}html:not([data-motion="running"]) .emblem-stage{transform:none}}


@keyframes logo-bloom{0%{opacity:0}35%{opacity:1}100%{opacity:0}}

@media(max-width:700px){.turkiye-horizon{top:78%;width:115%;opacity:.9}}

.is-intro .brand-mark{opacity:0}
.is-intro.is-formed .brand-mark{opacity:1;transition:opacity .4s}
.is-revealing .brand-mark{opacity:1}
.is-intro .emblem-aura,.is-intro .ground-glow{opacity:0;animation:none}
.is-intro .mark-sheen{opacity:0}