@font-face{font-family:"Orbitron";src:url(/font/orbitron-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;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}
@font-face{font-family:"Orbitron";src:url(/font/orbitron-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;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}
@font-face{font-family:"Rajdhani";src:url(/font/rajdhani-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;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}
@font-face{font-family:"Rajdhani";src:url(/font/rajdhani-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;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:"Rajdhani";src:url(/font/rajdhani-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;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}
@font-face{font-family:"Rajdhani";src:url(/font/rajdhani-latin-ext-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;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:"JetBrains Mono";src:url(/font/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;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}
@font-face{font-family:"JetBrains Mono";src:url(/font/jetbrains-mono-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;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}

:root{--v:79,209,255;--vurgu:rgb(var(--v));--uy:255,181,71;--sag:110,243,165;--kirmizi:255,120,120;
 --zemin:#02050a;--metin:#dcf4ff;--soluk:#9cbfd0;--kart:rgba(5,16,26,.86);--pah:14px;
 --f-baslik:"Orbitron","Rajdhani",system-ui,sans-serif;
 --f-govde:"Rajdhani",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --f-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;--cekirdek:400px}
html[data-renk=yesil]{--v:124,240,200;--vurgu:rgb(var(--v))}
html[data-renk=turuncu]{--v:255,181,71;--vurgu:rgb(var(--v))}
html[data-renk=mor]{--v:181,155,255;--vurgu:rgb(var(--v))}
*{box-sizing:border-box}
html{color-scheme:dark;background:var(--zemin)}
body{margin:0;font:19px/1.45 var(--f-govde);font-weight:400;background:var(--zemin);color:var(--metin);
 min-height:100vh;overflow-x:hidden}
main{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:18px 20px 76px}
h1,h2,.marka,.baslik-font{font-family:var(--f-baslik);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:1.25rem;margin:0 0 16px;color:var(--vurgu);text-shadow:0 0 14px rgba(var(--v),.45)}
h2{font-size:.82rem;margin:0 0 12px;color:var(--vurgu)}
a{color:var(--vurgu)}
.mono,code,kbd{font-family:var(--f-mono)}
.gz{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}

/* --- zemin: nokta izgarasi + isima + kose cerceveleri + susler -------------------------- */
.hud-zemin{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hud-zemin .izgara{position:absolute;inset:0;
 background:radial-gradient(ellipse 60% 50% at 50% 38%,rgba(var(--v),.13),transparent 70%),
 radial-gradient(circle,rgba(var(--v),.17) 1px,transparent 1.6px) 0 0/22px 22px}
.kose{position:absolute;width:38px;height:38px;border:0 solid rgba(var(--v),.7)}
.kose.k1{top:8px;left:8px;border-top-width:2px;border-left-width:2px}
.kose.k2{top:8px;right:8px;border-top-width:2px;border-right-width:2px}
.kose.k3{bottom:8px;left:8px;border-bottom-width:2px;border-left-width:2px}
.kose.k4{bottom:8px;right:8px;border-bottom-width:2px;border-right-width:2px}
.tarama{position:absolute;left:0;right:0;top:0;height:140px;
 background:linear-gradient(180deg,transparent,rgba(var(--v),.07) 70%,rgba(var(--v),.22) 99%,transparent);
 animation:tara 9s linear infinite;will-change:transform}
.parcacik{position:absolute;bottom:-12px;left:var(--x);width:var(--b);height:var(--b);border-radius:50%;
 background:rgba(var(--v),.85);box-shadow:0 0 6px rgba(var(--v),.9);opacity:0;
 animation:suzul var(--s) linear var(--d) infinite;will-change:transform,opacity}
.kod{position:absolute;top:0;width:96px;font:11px/1.6 var(--f-mono);color:rgba(var(--v),.55);opacity:.32;
 white-space:pre;overflow:hidden;height:100%;
 -webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);
 mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
.kod.sol{left:14px}.kod.sag{right:14px;text-align:right}
.kod div{animation:kod-ak 46s linear infinite;will-change:transform}
.kod.sag div{animation-duration:38s}

/* --- ust cubuk + sekmeler ---------------------------------------------------------------- */
.ust{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;
 padding:8px 0 12px;border-bottom:1px solid rgba(var(--v),.25)}
.marka{display:flex;align-items:center;gap:12px;margin:0;font-size:1rem;color:var(--metin)}
.marka-j{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgba(var(--v),.7);
 border-radius:50%;color:var(--vurgu);text-shadow:0 0 10px rgba(var(--v),.9);box-shadow:inset 0 0 12px rgba(var(--v),.35)}
.marka small{font:500 .8rem var(--f-mono);letter-spacing:.08em;color:var(--soluk);text-transform:none}
.ust-dugmeler{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ust-dugmeler form{margin:0}
button,a.dugme,.hud-dugme{font:600 1rem var(--f-govde);letter-spacing:.06em;min-height:48px;padding:10px 18px;
 border:1px solid rgba(var(--v),.75);background:rgba(var(--v),.16);color:var(--metin);cursor:pointer;
 margin-top:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;
 clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
button:hover,a.dugme:hover{background:rgba(var(--v),.3)}
.hud-dugme,.ust-dugmeler button{margin-top:0;min-height:44px;font:500 .72rem var(--f-baslik);letter-spacing:.14em;
 padding:8px 14px;text-transform:uppercase}
.renk-nokta{width:12px;height:12px;border-radius:50%;background:var(--vurgu);box-shadow:0 0 8px var(--vurgu)}
button.ikincil{background:rgba(255,255,255,.04);border-color:rgba(var(--v),.4);margin-top:0}
button.onayla{background:rgba(var(--sag),.2);border-color:rgb(var(--sag))}
button.reddet{background:rgba(var(--kirmizi),.16);border-color:rgb(var(--kirmizi))}
.sekmeler{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding-bottom:4px}
.sekmeler a{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;
 min-height:48px;white-space:nowrap;text-decoration:none;color:var(--soluk);font:500 .78rem var(--f-baslik);
 letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(var(--v),.28);background:rgba(5,16,26,.7);
 clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.sekmeler a[aria-current=page]{color:var(--zemin);background:var(--vurgu);border-color:var(--vurgu);font-weight:700}
.rozet{display:inline-block;min-width:1.6em;padding:0 .45em;border-radius:1em;background:rgb(var(--uy));
 color:#1a1000;font:700 .8rem var(--f-mono);text-align:center;letter-spacing:0}

/* --- kart: kesik kose (pah) + ince parlak kenar + MOD etiketi ------------------------------ */
.kutu{position:relative;padding:20px 18px 18px;margin-bottom:16px;
 background:linear-gradient(135deg,rgba(var(--v),.85),rgba(var(--v),.18) 40%,rgba(var(--v),.18) 60%,rgba(var(--v),.7));
 clip-path:polygon(var(--pah) 0,100% 0,100% calc(100% - var(--pah)),calc(100% - var(--pah)) 100%,0 100%,0 var(--pah))}
.kutu::before{content:"";position:absolute;inset:1px;background:var(--kart);z-index:0;
 clip-path:polygon(var(--pah) 0,100% 0,100% calc(100% - var(--pah)),calc(100% - var(--pah)) 100%,0 100%,0 var(--pah))}
.kutu>*{position:relative;z-index:1}
.kutu>.mod{position:absolute;top:6px;right:14px;font:400 .62rem var(--f-mono);letter-spacing:.14em;color:var(--soluk)}
.kutu.turuncu{--v:255,181,71;--vurgu:rgb(var(--v))}
.kutu.yesil{--v:110,243,165;--vurgu:rgb(var(--v))}
.kutu p{margin:0 0 8px}
label{display:block;margin-bottom:6px;font:600 .9rem var(--f-govde);letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
input[type=password],.alan input,.alan select,.alan textarea{width:100%;font:500 1.05rem var(--f-govde);
 padding:11px 12px;min-height:48px;border:1px solid rgba(var(--v),.45);border-radius:0;background:rgba(0,8,14,.85);
 color:var(--metin);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.alan input:focus,.alan select:focus,.alan textarea:focus,input[type=password]:focus{border-color:var(--vurgu);
 outline:none;box-shadow:inset 0 0 0 1px var(--vurgu)}
.alan input[type=date],.alan input[type=time]{font-family:var(--f-mono);font-size:.95rem}
.alan{margin-bottom:14px}
.yan{display:flex;gap:10px;flex-wrap:wrap}.yan .alan{flex:1 1 150px}
.hata{background:rgba(var(--kirmizi),.12);border-left:3px solid rgb(var(--kirmizi));color:#ffc4c4;padding:10px 12px;margin-bottom:12px}
.bilgi{background:rgba(var(--sag),.1);border-left:3px solid rgb(var(--sag));color:#bff8d6;padding:10px 12px;margin-bottom:12px}
.uyari{background:rgba(var(--uy),.1);border-left:3px solid rgb(var(--uy));color:#ffdca6;padding:8px 12px;margin:8px 0}
pre{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0}
pre.kucuk{font-size:.92rem;color:var(--soluk)}
.soluk{color:var(--soluk);font-size:.92em}
.dugmeler{display:flex;gap:10px;flex-wrap:wrap}
.dugmeler button,.dugmeler a.dugme{flex:1 1 150px;text-align:center}
ol.isler{margin:0;padding:0;list-style:none;counter-reset:m}
ol.isler li{counter-increment:m;position:relative;margin:0 0 10px;padding:12px 14px 12px 54px;word-break:break-word;
 background:rgba(var(--v),.06);border:1px solid rgba(var(--v),.22);
 clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
ol.isler li::before{content:counter(m,decimal-leading-zero);position:absolute;left:14px;top:12px;
 font:400 .85rem var(--f-mono);color:var(--vurgu)}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details .devami{color:var(--vurgu);white-space:nowrap}
details[open] summary{display:none}
.canli-uyari{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:20;max-width:calc(100% - 32px);
 background:rgb(var(--uy));color:#1a1000;font-weight:700;padding:12px 18px;box-shadow:0 0 24px rgba(var(--uy),.6);
 clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.canli-uyari a{color:#1a1000}
#bildirim .dugmeler button{margin-top:8px}
#bildirim ul{margin:8px 0 0;padding-left:1.4em}
ul.randevular{list-style:none;margin:0;padding:0}
ul.randevular li{border-top:1px solid rgba(var(--v),.2);padding:12px 0}
ul.randevular form{margin-top:8px}
ul.randevular .dugmeler{margin-top:8px}ul.randevular .dugmeler form{margin:0;flex:1 1 130px}
ul.randevular .dugmeler button{width:100%}

/* --- Bugun sahnesi ------------------------------------------------------------------------ */
.sahne-ust{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline;
 font:400 .82rem var(--f-mono);color:var(--soluk);margin:-4px 0 10px;letter-spacing:.06em}
.sahne{position:relative;display:grid;gap:22px;align-items:start;
 grid-template-columns:minmax(260px,1fr) minmax(360px,1.25fr) minmax(260px,1fr);grid-template-areas:"sol cekirdek sag"}
.kolon.sol{grid-area:sol}.kolon.sag{grid-area:sag}.cekirdek-alan{grid-area:cekirdek}
.cekirdek-alan{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:6px}
.cekirdek{position:relative;width:var(--cekirdek);height:var(--cekirdek);max-width:100%}
.katman{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cekirdek svg{fill:none;stroke:rgba(var(--v),.65);stroke-width:1.2}
.cekirdek .kadran{animation:don 140s linear infinite}
.cekirdek .h1{animation:don 48s linear infinite}
.cekirdek .h2{animation:don-ters 30s linear infinite}
.cekirdek .h3{animation:don 16s linear infinite;stroke:rgba(var(--v),.95);filter:drop-shadow(0 0 4px rgba(var(--v),.8))}
.cekirdek .h4{animation:don-ters 10s linear infinite}
.cekirdek .yazi{animation:don-ters 70s linear infinite}
.cekirdek .yazi text{fill:rgba(var(--v),.9);stroke:none;font:400 12px var(--f-mono);letter-spacing:2px}
.cekirdek .h3,.cekirdek .h1,.cekirdek .h2,.cekirdek .h4,.cekirdek .kadran,.cekirdek .yazi,.yorunge{will-change:transform}
.yorunge{position:absolute;inset:0}
.yorunge i{position:absolute;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;
 background:var(--metin);box-shadow:0 0 10px 3px rgba(var(--v),.95)}
.yorunge.y1{animation:don 7s linear infinite}.yorunge.y1 i{top:calc(7.5% - 5px)}
.yorunge.y2{animation:don-ters 11s linear infinite}.yorunge.y2 i{top:calc(19% - 5px);width:7px;height:7px;margin-left:-3.5px}
.isik{position:absolute;inset:26%;border-radius:50%;
 background:radial-gradient(circle,rgba(var(--v),.55),rgba(var(--v),.16) 45%,transparent 70%);
 animation:nefes 4.5s ease-in-out infinite alternate;will-change:transform,opacity}
.j{position:absolute;inset:0;display:grid;place-items:center;font:700 calc(var(--cekirdek) * .3) var(--f-baslik);
 color:#eafaff;text-shadow:0 0 18px rgba(var(--v),1),0 0 46px rgba(var(--v),.75),0 0 90px rgba(var(--v),.45);
 line-height:1;padding-top:2%}
/* enerji cekirdegi (yalniz Bugun): disk + isima + 12 parcali halka + petek. Duragan hali = parlak. */
.enerji{--nb:var(--v)}
.enerji.onay-bekliyor{--nb:var(--uy)}
.enerji-isima{position:absolute;inset:27%;border-radius:50%;
 background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(var(--nb),.95) 16%,rgba(var(--nb),.45) 36%,
 rgba(var(--nb),.14) 56%,transparent 70%);animation:kalp 2.6s ease-out infinite;will-change:transform,opacity}
.cekirdek .enerji-petek{stroke:rgba(var(--v),.4);stroke-width:.8;animation:don 90s linear infinite;will-change:transform}
.cekirdek .enerji-cizgi{stroke:rgba(var(--v),.75);stroke-width:1}
.cekirdek .enerji-segment{stroke:none;filter:drop-shadow(0 0 3px rgba(var(--v),.9))}
.enerji-segment path{fill:rgb(var(--v));opacity:.95;animation:segment-isik 2.4s ease-in-out infinite;will-change:opacity}
.cekirdek .enerji-disk{stroke:none;animation:kalp-disk 2.6s ease-out infinite;will-change:transform}
.enerji-disk .d0{stop-color:#fff;stop-opacity:1}
.enerji-disk .d1{stop-color:#effcff;stop-opacity:1}
.enerji-disk .d2{stop-color:rgb(var(--nb));stop-opacity:.95}
.enerji-disk .d3{stop-color:rgb(var(--nb));stop-opacity:0}
.dinliyor{margin-top:6px;font:700 .78rem var(--f-baslik);letter-spacing:.32em;color:var(--vurgu)}
.dinliyor b{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--vurgu);margin-right:8px;
 box-shadow:0 0 8px var(--vurgu);animation:yanip 1.2s steps(2,jump-none) infinite}
.dalga{display:flex;gap:4px;align-items:center;height:42px;margin:8px 0 4px}
.dalga i{display:block;width:4px;height:40px;background:linear-gradient(var(--vurgu),rgba(var(--v),.25));
 transform-origin:50% 50%;animation:dalga var(--s,1s) ease-in-out var(--d,0s) infinite alternate;will-change:transform}
button.konus{margin-top:8px;width:132px;height:116px;min-height:116px;padding:0;flex-direction:column;gap:2px;
 font:700 .86rem var(--f-baslik);letter-spacing:.2em;color:var(--vurgu);border:0;
 background:radial-gradient(circle,rgba(var(--v),.28),rgba(var(--v),.08) 70%);
 clip-path:polygon(25% 2%,75% 2%,99% 50%,75% 98%,25% 98%,1% 50%)}
button.konus small{font:400 .62rem var(--f-mono);letter-spacing:.1em;color:var(--soluk)}
.konus-not{min-height:1.4em;margin:6px 0 0;font:400 .85rem var(--f-mono);color:var(--soluk);text-align:center}
.baglar{position:absolute;inset:0;pointer-events:none}
.bag{position:absolute;height:1px;overflow:hidden}
.bag::before{content:"";position:absolute;top:0;bottom:0;left:-32px;right:-32px;
 background:repeating-linear-gradient(90deg,rgba(var(--v),.8) 0 8px,transparent 8px 16px);
 animation:bag-sol 1.6s linear infinite;will-change:transform}
.bag.sag::before{animation-name:bag-sag}
.bag.sol{left:-22px;right:calc(50% + var(--cekirdek) * .42)}
.bag.sag{right:-22px;left:calc(50% + var(--cekirdek) * .42)}
.bag.b1{top:18%;transform:rotate(-7deg)}.bag.b2{top:calc(var(--cekirdek) * .5)}.bag.b3{top:calc(var(--cekirdek) * .82);transform:rotate(7deg)}
.bag.sag.b1{transform:rotate(7deg)}.bag.sag.b3{transform:rotate(-7deg)}

.buyuk{font:400 2.6rem/1 var(--f-mono);color:var(--metin);text-shadow:0 0 14px rgba(var(--v),.55);letter-spacing:.02em}
.orta{font:400 1.6rem/1 var(--f-mono);color:var(--metin)}
.satir{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.segment{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:12px 0 6px}
.segment i{height:10px;background:rgba(var(--v),.14);transform:skewX(-20deg)}
.segment i.dolu{background:var(--vurgu);box-shadow:0 0 6px rgba(var(--v),.8)}
.gosterge{display:flex;gap:14px;align-items:center}
.gosterge svg{width:92px;height:92px;flex:0 0 92px;fill:none}
.gosterge .iz{stroke:rgba(var(--v),.15);stroke-width:7}
.gosterge .dolu{stroke:var(--vurgu);stroke-width:7;filter:drop-shadow(0 0 4px rgba(var(--v),.9))}
.gosterge text{fill:var(--metin);stroke:none;font:400 19px var(--f-mono)}
.radar{position:relative;width:96px;height:96px;flex:0 0 96px;border-radius:50%;overflow:hidden;
 border:1px solid rgba(var(--v),.6);
 background:radial-gradient(circle,transparent 31%,rgba(var(--v),.35) 32%,transparent 33%,transparent 63%,rgba(var(--v),.35) 64%,transparent 65%),
 linear-gradient(90deg,transparent calc(50% - .5px),rgba(var(--v),.3) 50%,transparent calc(50% + .5px)),
 linear-gradient(0deg,transparent calc(50% - .5px),rgba(var(--v),.3) 50%,transparent calc(50% + .5px)),rgba(var(--v),.05)}
.radar .supur{position:absolute;inset:0;border-radius:50%;
 background:conic-gradient(from 0deg,transparent 0deg,transparent 290deg,rgba(var(--v),.55) 359deg,transparent 360deg);
 animation:don 3.2s linear infinite;will-change:transform}
.radar i{position:absolute;left:var(--x);top:var(--y);width:8px;height:8px;margin:-4px;border-radius:50%;
 background:rgb(var(--v));box-shadow:0 0 8px rgb(var(--v));animation:yanip 1.6s ease-in-out var(--d) infinite alternate}
.radar.buyuk-radar{width:min(320px,74vw);height:min(320px,74vw);flex-basis:auto}
.radar-alan{--v:255,181,71;display:flex;flex-direction:column;align-items:center;gap:10px;margin:4px 0 20px}
.radar-alan .sayi{font:700 1rem var(--f-baslik);letter-spacing:.2em;color:rgb(var(--uy));text-align:center}
.sayaclar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.sayac{padding:8px 6px;text-align:center;border:1px solid rgba(var(--v),.25);background:rgba(var(--v),.05)}
.sayac b{display:block;font:400 1.7rem/1.1 var(--f-mono);color:var(--metin)}
.sayac span{font:500 .62rem var(--f-baslik);letter-spacing:.12em;color:var(--soluk);text-transform:uppercase}
.sayac.onemli b{color:rgb(var(--uy));text-shadow:0 0 10px rgba(var(--uy),.6)}
ul.mailler{list-style:none;margin:0;padding:0}
ul.mailler li{padding:7px 0;border-top:1px dashed rgba(var(--v),.22);word-break:break-word;font-size:.97rem}
.alt-baslik{font:500 .66rem var(--f-baslik);letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);margin:10px 0 4px}
ul.servisler{list-style:none;margin:0;padding:0}
ul.servisler li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(var(--v),.15)}
ul.servisler li:first-child{border-top:0}
.servis .ad{flex:1 1 auto;font-weight:600;word-break:break-word}
.servis .deger{font:400 .8rem var(--f-mono);color:var(--soluk);text-align:right}
.nokta{position:relative;flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:rgb(var(--sag));
 box-shadow:0 0 8px rgb(var(--sag))}
.nokta::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgb(var(--sag));
 animation:nabiz 1.8s ease-out infinite;will-change:transform,opacity}
.servis.kotu .nokta{background:rgb(var(--uy));box-shadow:0 0 8px rgb(var(--uy))}
.servis.kotu .nokta::after{border-color:rgb(var(--uy))}
.noral{display:flex;align-items:flex-end;gap:4px;height:64px}
.noral i{flex:1;height:100%;background:linear-gradient(0deg,rgba(var(--v),.9),rgba(var(--v),.15));transform-origin:50% 100%;
 animation:dalga var(--s,1.4s) ease-in-out var(--d,0s) infinite alternate;will-change:transform}
.servis-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:16px}
.servis-izgara .kutu{margin:0}
.servis-izgara .deger{display:block;margin-top:6px;font:400 .95rem var(--f-mono);color:var(--metin);word-break:break-word}
.servis-izgara .servis{display:flex;gap:12px;align-items:center}
.servis-izgara .servis .deger{text-align:left;margin-top:0}
.alt-bolum{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:0 22px;margin-top:6px}

/* --- veri akisi seridi --------------------------------------------------------------------- */
.akis{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;height:38px;
 background:rgba(2,5,10,.92);border-top:1px solid rgba(var(--v),.35);font:400 .78rem var(--f-mono);color:var(--soluk)}
.akis-etiket{flex:0 0 auto;padding:0 14px;height:100%;display:flex;align-items:center;color:var(--zemin);
 background:var(--vurgu);font:700 .66rem var(--f-baslik);letter-spacing:.18em}
.akis-pencere{flex:1;overflow:hidden;white-space:nowrap}
.akis-serit{display:inline-flex;animation:serit 60s linear infinite;will-change:transform}
.akis-serit span{padding-right:48px}

/* --- giris / cevrimdisi: kucuk cekirdek -------------------------------------------------- */
.giris{max-width:460px;margin:6vh auto 0}
.giris .cekirdek{--cekirdek:200px;margin:0 auto 18px}
.giris h1{text-align:center}

/* --- duzen: 1280 tablet / 960 yarim ekran / telefon -------------------------------------- */
@media (max-width:1199px){
 :root{--cekirdek:300px}
 .sahne{grid-template-columns:1fr 1fr;grid-template-areas:"cekirdek cekirdek" "sol sag"}
 .baglar{display:none}
}
@media (max-width:1099px){.kod{display:none}}
@media (max-width:719px){
 :root{--cekirdek:240px}
 .sekmeler{gap:4px}
 .sekmeler a{flex:1 1 0;min-width:0;padding:8px 2px;font-size:.6rem;letter-spacing:0}
 .ust-dugmeler{width:100%}.ust-dugmeler>*{flex:1 1 auto}.ust-dugmeler form button{width:100%}
 button.konus{width:110px;height:96px;min-height:96px}
 .dalga{height:32px;margin:4px 0 2px}
 body{font-size:18px}
 main{padding:12px 16px 70px}
 .sahne{grid-template-columns:1fr;grid-template-areas:"cekirdek" "sol" "sag";gap:8px}
 .sekmeler a{padding:10px 10px;letter-spacing:.08em}
 .buyuk{font-size:2.2rem}
 .kose{width:24px;height:24px}
}

/* --- hareket: kapali / gizli sekme / az hareket ------------------------------------------ */
html.durgun *,html.durgun *::before,html.durgun *::after{animation-play-state:paused!important}
html.hareket-kapali *,html.hareket-kapali *::before,html.hareket-kapali *::after{animation:none!important;transition:none!important}
html.hareket-kapali .sadece-hareket{display:none!important}
@media (prefers-reduced-motion:reduce){
 html:not(.hareket-acik) *,html:not(.hareket-acik) *::before,html:not(.hareket-acik) *::after{animation:none!important;transition:none!important}
 html:not(.hareket-acik) .sadece-hareket{display:none!important}
}

@keyframes don{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes don-ters{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes nefes{from{transform:scale(.86);opacity:.55}to{transform:scale(1.08);opacity:1}}
@keyframes yanip{from{opacity:1}to{opacity:.2}}
@keyframes dalga{from{transform:scaleY(.12)}to{transform:scaleY(1)}}
@keyframes tara{from{transform:translateY(-160px)}to{transform:translateY(110vh)}}
@keyframes suzul{0%{transform:translateY(0);opacity:0}12%{opacity:.85}100%{transform:translateY(-105vh);opacity:0}}
@keyframes kod-ak{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes serit{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes nabiz{from{transform:scale(1);opacity:.9}to{transform:scale(2.6);opacity:0}}
@keyframes kalp{0%,100%{transform:scale(.9);opacity:.72}14%{transform:scale(1.1);opacity:1}28%{transform:scale(.96);opacity:.82}40%{transform:scale(1.04);opacity:.95}62%{transform:scale(.9);opacity:.72}}
@keyframes kalp-disk{0%,100%{transform:scale(.96)}14%{transform:scale(1.05)}28%{transform:scale(.99)}40%{transform:scale(1.02)}62%{transform:scale(.96)}}
@keyframes segment-isik{0%,100%{opacity:.32}12%{opacity:1}36%{opacity:.5}}
@keyframes bag-sol{from{transform:translateX(0)}to{transform:translateX(-16px)}}
@keyframes bag-sag{from{transform:translateX(0)}to{transform:translateX(16px)}}