@font-face{font-family:"Red Hat Display";font-weight:800;src:url(/varliklar/yazitipi/red-hat-display-latin-800.woff2) format("woff2");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:"Red Hat Display";font-weight:800;src:url(/varliklar/yazitipi/red-hat-display-latin-ext-800.woff2) format("woff2");unicode-range:U+0100-024F}
  :root{--buyut:1.35;
    --zemin:#02040a;
    --acik-mavi:#2fc6f2;
    --lacivert:#0a4170;
    --kirmizi:#e52a35;
    --beyaz:#f4f8ff;
    --soluk:#9fb3c8;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%;overflow:hidden;background:var(--zemin);color:var(--beyaz);
    font-family:"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
  ::selection{background:var(--acik-mavi);color:var(--zemin)}
  #sahne{position:fixed;inset:0;overflow:hidden}
  .katman{position:absolute;inset:0;width:100%;height:100%}
  #foto{inset:-4%;width:108%;height:108%;
    background:url("/varliklar/arkaplan/samanyolu.jpg") center/cover no-repeat;
    will-change:transform;animation:nefes 60s ease-in-out infinite alternate}
  @keyframes nefes{from{scale:1}to{scale:1.06}}
  #sahne{background:radial-gradient(ellipse 70% 65% at 50% 52%,#1d47a8 0%,#17378c 25%,#0f2565 50%,#0a1a4a 72%,#06102f 90%,#040b22 100%)}
  #foto{filter:url(#lacivert) blur(10px);opacity:.45}
  #gezegenler{position:absolute;inset:0;will-change:transform}
  .gezegen{position:absolute;left:var(--x);top:var(--y);width:var(--d);height:var(--d);
    translate:-50% -50%;border:0;border-radius:50%;background:none;cursor:pointer;
    transition:scale .5s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}
  .gezegen::after{content:"";position:absolute;inset:-60%;border-radius:50%}
  .gezegen::before{content:"";position:absolute;inset:-35%;border-radius:50%;
    background:radial-gradient(circle,color-mix(in srgb,var(--renk) 55%,transparent) 0%,transparent 62%);
    opacity:.5;transition:opacity .6s,scale .6s cubic-bezier(.16,1,.3,1);pointer-events:none}
  .gezegen canvas{position:absolute;left:-60%;top:-60%;width:220%;height:220%;pointer-events:none}
  .gezegen:hover,.gezegen:focus-visible{scale:var(--buyut)}
  .gezegen:hover::before,.gezegen:focus-visible::before{opacity:.85;scale:1.12}
  .gezegen:focus-visible{outline:none}
  .ad{position:absolute;left:50%;bottom:calc(100% + 16px);translate:-50% 6px;white-space:nowrap;pointer-events:none;
    font-size:clamp(13px,1.1vw,16px);font-weight:400;letter-spacing:.04em;
    padding:8px 14px;border-radius:10px;color:var(--beyaz);opacity:0;
    background:rgba(10,18,34,.42);border:1px solid rgba(220,235,255,.22);
    -webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);
    box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);
    transition:opacity .4s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1)}
  .gezegen:hover .ad,.gezegen:focus-visible .ad{opacity:1;translate:-50% 0}
  .g-hakkimizda{--x:22%;--y:66%;--d:clamp(32px,4.2vmin,56px);--renk:var(--acik-mavi)}
  .g-iletisim  {--x:64%;--y:24%;--d:clamp(22px,2.8vmin,38px);--renk:#46a9ff}
  .g-yardim    {--x:42%;--y:30%;--d:clamp(24px,3.1vmin,42px);--renk:#bfe6ff}
  .g-magaza    {--x:80%;--y:70%;--d:clamp(26px,3.5vmin,48px);--renk:var(--kirmizi)}
  @media (orientation:portrait){
    .g-hakkimizda{--x:30%;--y:34%;--d:clamp(32px,9vmin,56px)}
    .g-iletisim  {--x:72%;--y:54%;--d:clamp(22px,6vmin,38px)}
    .g-yardim    {--x:70%;--y:20%;--d:clamp(24px,7vmin,42px)}
    .g-magaza    {--x:34%;--y:68%;--d:clamp(26px,7.5vmin,48px)}
  }
  #yelken{position:absolute;left:0;top:0;width:clamp(34px,5vmin,64px);opacity:0;pointer-events:none;
    will-change:transform;filter:drop-shadow(0 0 10px rgba(47,198,242,.55))}
  #logo{position:fixed;top:clamp(16px,3vmin,32px);left:clamp(16px,3.2vmin,36px);z-index:5;
    background:none;border:0;cursor:pointer;opacity:.94;transition:opacity .3s}
  #logo:hover{opacity:1}
  #logo{display:flex;align-items:center;gap:clamp(8px,.8vw,12px)}
  #logo img{display:block}
  #logo{--lw:clamp(92px,9vw,148px)}
  #logoImg{width:var(--lw);height:auto}
  #logoSimge{height:clamp(42px,4.4vw,68px);width:auto;margin-top:-6px}
  .vbayrak{display:block;position:relative;height:calc(var(--lw) * 434 / 2097);aspect-ratio:3/2;top:calc(var(--lw) * -85 / 2097);margin-left:6px;
    opacity:0;translate:-8px 0;transition:opacity .35s,translate .45s cubic-bezier(.16,1,.3,1)}
  .vbayrak img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
  #logoImg:hover ~ .vbayrak,.vbayrak:hover,#logo:focus-visible .vbayrak{opacity:1;translate:0 0}
  #perde{position:fixed;inset:0;z-index:8;background:var(--zemin);opacity:0;pointer-events:none;
    transition:opacity 1.8s cubic-bezier(.45,0,.2,1)}
  #perde.acik{opacity:1;transition:none}
  #buyukYelken{position:fixed;left:50%;top:50%;z-index:9;width:clamp(120px,24vmin,280px);aspect-ratio:1087/1508;
    translate:-50% -50%;opacity:0;pointer-events:none;filter:drop-shadow(0 0 22px rgba(47,198,242,.4));
    transition:opacity .35s ease}
  #buyukYelken.gor{opacity:1}
  #buyukYelken.uc{transition:left 1.8s cubic-bezier(.45,0,.2,1),top 1.8s cubic-bezier(.45,0,.2,1),width 1.8s cubic-bezier(.45,0,.2,1),filter 1.8s,opacity .5s ease 1.7s}
  #buyukYelken img{position:absolute;inset:0;width:100%;height:100%;opacity:0}
  #buyukYelken.ciz-b img{animation:1.5s cubic-bezier(.22,.8,.3,1) both;animation-name:sistenBelir}
  #buyukYelken.ciz-b .p-lacivert{animation-delay:.3s}
  #buyukYelken.ciz-b .p-kirmizi{animation-delay:.6s}
  @keyframes sistenBelir{0%{opacity:0;filter:blur(22px);scale:1.18}60%{opacity:1}100%{opacity:1;filter:blur(0);scale:1}}
  #buyukYelken.parla{animation:birlesParla .7s ease-out}
  @keyframes birlesParla{0%{filter:drop-shadow(0 0 22px rgba(47,198,242,.4))}40%{filter:drop-shadow(0 0 40px rgba(120,220,255,.95)) brightness(1.25)}100%{filter:drop-shadow(0 0 22px rgba(47,198,242,.4))}}
  #efekt{z-index:10;pointer-events:none}
  #bildirim{position:fixed;left:50%;top:50%;translate:-50% -50%;z-index:15;padding:14px 20px;border-radius:12px;
    background:rgba(8,14,26,.9);border:1px solid rgba(47,198,242,.35);font-size:14px;color:var(--beyaz);
    opacity:0;scale:.96;pointer-events:none;transition:opacity .35s,scale .35s cubic-bezier(.16,1,.3,1);text-align:center;max-width:calc(100% - 32px)}
  #bildirim.gor{opacity:1;scale:1}
  #kapiKatman{position:fixed;inset:0;z-index:12;display:grid;place-items:center;visibility:hidden;
    background:rgba(2,4,10,0);transition:background .35s ease,visibility 0s .9s}
  body.kapi-acik #kapiKatman{visibility:visible;background:rgba(2,4,10,.58);transition:background .35s ease,visibility 0s 0s}
  body.kapi-acik #gezegenler{pointer-events:none}
  .kapi{position:relative;width:min(900px,92vw);height:min(580px,84vh);border-radius:18px;overflow:hidden;
    opacity:0;scale:.94;transition:opacity .3s ease,scale .45s cubic-bezier(.16,1,.3,1);
    box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(150,190,230,.22)}
  body.kapi-acik .kapi{opacity:1;scale:1}
  body.kapi-kapaniyor .kapi{transition-delay:.62s}
  .kapi-ic{position:absolute;inset:0;z-index:1;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;
    background:linear-gradient(180deg,rgba(14,26,46,.96),rgba(6,12,24,.97));
    box-shadow:inset 0 0 0 1px rgba(47,198,242,.18),inset 0 0 60px rgba(47,198,242,.06)}
  .kapi-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px 0}
  .kapi-ust h2{font-size:clamp(20px,2.1vw,26px);font-weight:600;letter-spacing:.02em;color:var(--beyaz)}
  .kapat{width:40px;height:40px;border-radius:10px;border:1px solid rgba(220,235,255,.2);background:rgba(255,255,255,.04);
    color:var(--beyaz);cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s}
  .kapat:hover{background:rgba(229,42,53,.18);border-color:rgba(229,42,53,.6)}
  .kapat:focus-visible,.sekme:focus-visible,.kart a:focus-visible,.ok:focus-visible,.form-gonder:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:2px}
  .kapat svg{width:16px;height:16px}
  .sekmeler{display:flex;gap:6px;padding:16px 26px 0;border-bottom:1px solid rgba(150,190,230,.14)}
  .sekme{font:inherit;font-size:15px;color:var(--soluk);background:none;border:0;padding:10px 14px 12px;cursor:pointer;
    border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
  .sekme:hover{color:var(--beyaz)}
  .sekme[aria-selected="true"]{color:var(--beyaz);border-bottom-color:var(--acik-mavi)}
  .kapi-govde{flex:1;min-height:0;padding:22px 26px 24px;overflow:hidden;position:relative}
  .icerik{height:100%}
  .bolum{display:none;height:100%;animation:belir .45s cubic-bezier(.16,1,.3,1)}
  .bolum.aktif{display:block}
  @keyframes belir{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
  .bolum p{font-size:16px;line-height:1.65;color:#d6e2ef;max-width:62ch}
  .bolum p + p{margin-top:12px}
  .ilkeler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
  .ilkeler h3{font-size:16px;font-weight:600;color:var(--beyaz);margin-bottom:4px}
  .ilkeler p{font-size:15px;line-height:1.5}
  .bilgiler{display:grid;grid-template-columns:max-content 1fr;gap:9px 22px;font-size:15px}
  .bilgiler dt{color:var(--soluk)}
  .bilgiler dd{color:var(--beyaz)}
  .diller{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:12px;height:100%}
  .dil{display:flex;align-items:center;gap:10px;font:inherit;font-size:15px;color:var(--beyaz);text-align:left;cursor:pointer;
    background:rgba(255,255,255,.03);border:1px solid rgba(150,190,230,.16);border-radius:10px;padding:9px 12px;transition:background .2s,border-color .2s}
  .dil:hover{background:rgba(47,198,242,.1);border-color:rgba(47,198,242,.45)}
  .dil:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:2px}
  .dil.secili{border-color:var(--acik-mavi);background:rgba(47,198,242,.12)}
  .dil img{width:clamp(28px,2.6vw,38px);height:auto;aspect-ratio:3/2;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 .5px rgba(255,255,255,.5));flex:none}
  .dil .kod{font-size:12px;letter-spacing:.06em;color:var(--soluk);min-width:2.4em}
  .dil .dil-ad{line-height:1.2}
  .sonuclar{margin-top:14px}
  .ara{display:flex;align-items:center;gap:10px;border:1px solid rgba(150,190,230,.25);border-radius:10px;padding:0 12px;background:rgba(255,255,255,.05)}
  .ara:focus-within{border-color:var(--acik-mavi);box-shadow:0 0 0 3px rgba(47,198,242,.18)}
  .ara svg{width:16px;height:16px;color:var(--soluk);flex:none}
  .ara input{flex:1;font:inherit;font-size:16px;color:var(--beyaz);background:none;border:0;padding:11px 0;outline:none}
  .ara input::placeholder{color:#7f93a8}
  details.sss{border-bottom:1px solid rgba(150,190,230,.14)}
  details.sss summary{list-style:none;cursor:pointer;padding:11px 28px 11px 0;font-size:16px;color:var(--beyaz);position:relative}
  details.sss summary::-webkit-details-marker{display:none}
  details.sss summary::after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;border-right:2px solid var(--soluk);border-bottom:2px solid var(--soluk);
    translate:0 -70%;rotate:45deg;transition:rotate .25s}
  details.sss[open] summary::after{rotate:225deg;translate:0 -30%}
  details.sss summary:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:2px}
  details.sss p{font-size:15px !important;line-height:1.55;color:#c9d6e4;padding:0 0 12px;max-width:70ch}
  .kontrol{font-size:11px;color:#ffb4a0;border:1px dashed rgba(255,150,120,.5);border-radius:5px;padding:1px 5px;margin-left:6px;vertical-align:2px}
  .bos{color:var(--soluk) !important;font-size:15px !important}
  .sistem{position:absolute;left:var(--sx,50%);top:var(--sy,60%);width:0;height:0;transition:transform .9s cubic-bezier(.45,0,.2,1);z-index:1}
  @media (orientation:portrait){.sistem{--sx:52%;--sy:45%}}
  .gunes{position:absolute;left:0;top:0;width:var(--gd,40px);height:var(--gd,40px);translate:-50% -50%;border:0;border-radius:50%;cursor:pointer;z-index:50;
    background:radial-gradient(circle at 45% 42%,#fffdf4 0%,#ffe9a8 28%,#ffb84d 62%,#e7782a 100%);
    box-shadow:0 0 18px 6px rgba(255,190,90,.45),0 0 60px 18px rgba(255,150,60,.18);animation:gunesNefes 5s ease-in-out infinite}
  .gunes-cv{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;pointer-events:none}
  @keyframes gunesNefes{50%{box-shadow:0 0 24px 9px rgba(255,200,110,.55),0 0 80px 26px rgba(255,150,60,.22)}}
  .gunes:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:4px}
  .gunes .ad,.pg .ad{bottom:calc(100% + 12px)}
  .gunes{transition:scale .5s cubic-bezier(.16,1,.3,1)}
  .gunes:hover,.gunes:focus-visible{scale:var(--buyut)}
  .gunes:hover .ad,.gunes:focus-visible .ad,.sistem.yakin .gunes .ad,.pg:hover .ad,.pg:focus-visible .ad{opacity:1;translate:-50% 0}
  .pg{position:absolute;left:0;top:0;width:var(--d);height:var(--d);translate:-50% -50%;border:0;border-radius:50%;cursor:pointer;padding:0;
    background:radial-gradient(circle at 34% 32%,color-mix(in srgb,var(--renk) 35%,#fff) 0%,var(--renk) 38%,color-mix(in srgb,var(--renk) 45%,#000) 78%,#05070c 100%);
    box-shadow:0 0 10px 1px color-mix(in srgb,var(--renk) 45%,transparent);transition:scale .5s cubic-bezier(.16,1,.3,1),filter .4s}
  .pg::after{content:"";position:absolute;inset:-70%;border-radius:50%}
  .sistem.vurgu .pg{scale:var(--buyut);box-shadow:0 0 16px 4px color-mix(in srgb,var(--renk) 70%,transparent)}
  .pg:hover,.pg:focus-visible{scale:var(--buyut);outline:none}
  .kapi.kilit-sars{animation:kilitSars .38s cubic-bezier(.36,.07,.19,.97)}
  @keyframes kilitSars{10%,90%{translate:-1px 0}20%,80%{translate:3px 0}30%,50%,70%{translate:-5px 0}40%,60%{translate:5px 0}}
  .pg-cv{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;pointer-events:none;z-index:0}
  body.ucb .pg,body.ucb .ay{background:none}
  .pg::before,.ay::before{z-index:1;content:"";position:absolute;inset:-1px;border-radius:50%;background:#05070c;pointer-events:none;
    opacity:calc(var(--karart,0) + var(--soluk-govde,0));transition:opacity .3s}
  .kabartma-yazi,.kapi-imza{display:none;position:absolute;pointer-events:none}
  .proje-kapisi .kabartma{display:none}
  .proje-kapisi .kabartma-yazi,.proje-kapisi .kapi-imza{display:block}
  .kabartma-yazi{left:0;top:0;white-space:nowrap;font-family:"Red Hat Display",sans-serif;font-weight:800;line-height:1;color:transparent;
    background:linear-gradient(180deg,#f7f9fc 0%,#cfd7e0 30%,#8794a4 50%,#a7b2c0 62%,#e6ebf1 100%);-webkit-background-clip:text;background-clip:text;
    filter:drop-shadow(0 -1px 0 rgba(255,255,255,.55)) drop-shadow(0 1px 0 rgba(0,0,0,.45)) drop-shadow(1px 2px 1px rgba(0,0,0,.55)) drop-shadow(3px 6px 6px rgba(0,0,0,.55))}
  .kapi-imza{left:28px;top:24px;width:clamp(54px,7vw,82px);aspect-ratio:2097/621;
    background:linear-gradient(180deg,#eef3f8,#8b98a8);-webkit-mask-size:100% 100%;mask-size:100% 100%;
    filter:drop-shadow(0 -1px 0 rgba(255,255,255,.4)) drop-shadow(0 1px 1px rgba(0,0,0,.7))}
  .proje-ic{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;height:100%;align-items:center}
  .proje-gorsel.resimli{border:1px solid rgba(150,190,230,.25);background-size:101.2% auto;background-position:left top;box-shadow:0 10px 30px rgba(0,0,0,.45)}
  .proje-gorsel.resimli span{display:none}
  .proje-gorsel{aspect-ratio:16/10;border-radius:12px;border:1px dashed rgba(150,190,230,.3);display:grid;place-items:center;color:var(--soluk);font-size:14px;
    background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px)}
  .proje-yazi{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
  .durum{font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:6px}
  .durum.aktif{background:rgba(70,200,120,.16);color:#8fe3b0}
  .durum.pasif{background:rgba(255,190,90,.14);color:#ffd08a}
  .proje-aciklama{font-size:17px !important;line-height:1.55;color:#d6e2ef}
  .pk-sar{position:relative;height:100%;display:flex;align-items:center;padding:0 64px}
  .proje-kartlar{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;padding:4px}
  .proje-kartlar::-webkit-scrollbar{display:none}
  .pkart{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:center;border-radius:16px;padding:34px 36px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;cursor:pointer;
    font:inherit;color:inherit;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(150,190,230,.2);
    box-shadow:inset 0 2px 0 var(--renk);transition:border-color .2s,background .2s}
  .pkart:hover{border-color:rgba(150,190,230,.5);background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03))}
  .pkart:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:2px}
  .pkart h3{font-size:clamp(22px,2.4vw,28px);font-weight:600;color:var(--beyaz)}
  .pk-logo{height:64px;width:auto;object-fit:contain}
  .pk-sira{position:absolute;top:14px;right:18px;font-size:13px;color:var(--soluk)}
  .pkart p{font-size:17px;line-height:1.55;color:#c9d6e4;max-width:46ch}
  .pkart .nokta{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 34% 32%,color-mix(in srgb,var(--renk) 35%,#fff) 0%,var(--renk) 40%,color-mix(in srgb,var(--renk) 45%,#000) 85%);box-shadow:0 0 18px color-mix(in srgb,var(--renk) 55%,transparent)}
  .pk-sar .ok{display:grid}
  .pk-sol{left:0}.pk-sag{right:0}
  @media (max-width:640px){
    .proje-ic{grid-template-columns:1fr;gap:16px;align-items:start}
    .pkart{flex-basis:100%;padding:26px 20px}
    .pk-sar .ok{display:none}
    .pk-sar{padding:0}
    .kapi-imza{left:16px;top:16px}
  }
  .site-plaka{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:10px;align-self:flex-start;min-width:190px;
    padding:20px 24px 16px;border-radius:12px;text-decoration:none;font-size:15px;font-weight:600;color:#e6ecf2;text-shadow:0 1px 0 rgba(0,0,0,.6);
    background:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),linear-gradient(180deg,#3f4b58 0%,#29323d 55%,#1e252e 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.35);transition:translate .25s,box-shadow .25s}
  .site-logo{display:none;width:44px;height:38px;object-fit:contain}
  .site-plaka.logolu .site-simge{display:none}
  .site-plaka.logolu .site-logo{display:block}
  .site-simge{width:34px;height:34px;color:#e6ecf2;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}
  .site-plaka:hover{translate:0 -2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.4),0 10px 22px rgba(0,0,0,.45),0 0 0 1px rgba(47,198,242,.45)}
  .site-plaka:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:3px}
  .yakinda{display:none;position:absolute;top:8px;right:8px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-shadow:none;
    padding:2px 6px;border-radius:5px;background:rgba(255,190,90,.16);color:#ffd08a}
  .site-plaka.pasif .yakinda{display:block}
  .kart .site-plaka{min-width:170px;padding:16px 20px 13px}
  .kart a.rozet{border:0;padding:0;background:none}
  .rozet{position:relative;display:inline-block;align-self:center;line-height:0;border-radius:9px;transition:translate .25s,filter .25s}
  .rozet img{height:46px;width:auto;display:block}
  .rozet:hover{translate:0 -2px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
  .rozet:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:3px}
  .rozet .yakinda{top:-9px;right:-10px}
  .rozet.pasif .yakinda{display:block}
  .rozet.pasif img{filter:saturate(.85) brightness(.95)}
  .ay{position:absolute;left:0;top:0;width:clamp(11px,1.3vmin,16px);height:clamp(11px,1.3vmin,16px);translate:-50% -50%;border:0;border-radius:50%;cursor:pointer;padding:0;
    background:radial-gradient(circle at 34% 30%,#ffffff 0%,#cfd6de 35%,#7d8792 80%,#3a4048 100%);box-shadow:0 0 8px rgba(220,230,240,.35);transition:scale .5s cubic-bezier(.16,1,.3,1)}
  .ay::after{content:"";position:absolute;inset:-120%;border-radius:50%}
  .ay:hover,.ay:focus-visible{scale:var(--buyut);outline:none}
  .ay:hover .ad,.ay:focus-visible .ad{opacity:1;translate:-50% 0}
  .gezegen .ad{transition:opacity .4s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1),scale .5s cubic-bezier(.16,1,.3,1)}
  .pg .ad,.gunes .ad{transition:opacity .4s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1),scale .5s cubic-bezier(.16,1,.3,1)}
  .ay .ad{transition:opacity .4s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1),scale .5s cubic-bezier(.16,1,.3,1)}
  .gezegen:hover .ad,.gezegen:focus-visible .ad,.pg:hover .ad,.pg:focus-visible .ad,.sistem.vurgu .pg .ad,
  .gunes:hover .ad,.gunes:focus-visible .ad,.ay:hover .ad,.ay:focus-visible .ad{scale:calc(1 / var(--buyut))}
  .yasal{display:flex;flex-direction:column;height:100%;min-height:0;gap:12px}
  .yasal-ust{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding-bottom:10px;border-bottom:1px solid rgba(150,190,230,.14)}
  .yasal-ust b{font-size:17px;color:var(--beyaz)}
  .yasal-ust span{font-size:13px;color:var(--soluk)}
  .yasal-metin{flex:1;min-height:0;overflow-y:auto;padding-right:14px;scrollbar-width:thin;scrollbar-color:rgba(47,198,242,.6) rgba(255,255,255,.04)}
  .yasal-metin::-webkit-scrollbar{width:6px}
  .yasal-metin::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:3px}
  .yasal-metin::-webkit-scrollbar-thumb{background:rgba(47,198,242,.6);border-radius:3px}
  .yasal-metin:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:2px}
  .yasal-metin h4{font-size:15px;font-weight:600;color:var(--beyaz);margin:16px 0 6px}
  .yasal-metin h4:first-child{margin-top:4px}
  .yasal-metin p{font-size:15px !important;line-height:1.65;color:#c9d6e4;max-width:72ch}
  .onay-penceresi{position:absolute;inset:6%;z-index:4;display:flex;flex-direction:column;gap:14px;padding:22px 24px;border-radius:14px;
    background:#0a1424;border:1px solid rgba(150,190,230,.25);box-shadow:0 20px 50px rgba(0,0,0,.6)}
  .onay-penceresi[hidden]{display:none}
  .onay-penceresi .yasal{flex:1;min-height:0}
  .onay-dugmeler{display:flex;gap:12px}
  .onay-dugmeler button{font:inherit;font-size:15px;border-radius:10px;padding:10px 18px;cursor:pointer;border:1px solid rgba(220,235,255,.25);background:rgba(255,255,255,.05);color:var(--beyaz)}
  .onay-dugmeler .onayla{background:var(--acik-mavi);color:var(--zemin);border-color:var(--acik-mavi);font-weight:600}
  .onay-dugmeler button:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:2px}
  @media (max-width:640px){.onay-penceresi{inset:0;border-radius:0}}
  .bayrak{display:inline-block;width:1.35em;height:.9em;vertical-align:-.08em;margin-left:4px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
  .telif{margin-top:18px;font-size:13px;color:var(--soluk)}
  .iletisim-liste{display:grid;gap:16px;font-size:16px}
  .iletisim-liste span{display:block;font-size:13px;color:var(--soluk);margin-bottom:2px}
  .iletisim-liste a{color:var(--acik-mavi);text-decoration:none}
  .iletisim-liste a:hover{text-decoration:underline;text-underline-offset:3px}
  .form{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
  .alan{display:flex;flex-direction:column;gap:5px}
  .alan.genis{grid-column:1/-1}
  .alan label{font-size:13px;color:var(--soluk)}
  .alan input,.alan select,.alan textarea{font:inherit;font-size:16px;color:var(--beyaz);background:rgba(255,255,255,.05);
    border:1px solid rgba(150,190,230,.25);border-radius:9px;padding:9px 11px;resize:none}
  .alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--acik-mavi);box-shadow:0 0 0 3px rgba(47,198,242,.18)}
  .alan select option{background:#0b1626}
  .onay{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#c9d6e4}
  .onay input{margin-top:3px;accent-color:var(--acik-mavi);width:16px;height:16px}
  .onay button{font:inherit;color:var(--acik-mavi);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  .form-gonder{grid-column:1/-1;justify-self:start;font:inherit;font-size:15px;font-weight:600;color:var(--zemin);background:var(--acik-mavi);
    border:0;border-radius:10px;padding:11px 22px;cursor:pointer;transition:filter .2s}
  .form-gonder:hover{filter:brightness(1.1)}
  .kartlar-sar{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:14px}
  .sira-gosterge{text-align:center;font-size:14px;letter-spacing:.08em;color:var(--soluk)}
  .kartlar{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;padding:4px}
  .kartlar::-webkit-scrollbar{display:none}
  .kart{flex:0 0 100%;min-width:0;scroll-snap-align:center;border-radius:16px;padding:30px 34px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;
    background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(150,190,230,.2)}
  .kart.store{box-shadow:inset 0 1px 0 rgba(47,198,242,.35)}
  .kart.magaza{box-shadow:inset 0 1px 0 rgba(229,42,53,.4)}
  .kart .etiket{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
  .kart h3{font-size:clamp(22px,2.4vw,28px);font-weight:600;color:var(--beyaz)}
  .kart .adres{font-size:14px;color:var(--acik-mavi)}
  .kart.magaza .adres{color:#ff8a90}
  .kart p{font-size:17px;line-height:1.55;color:#c9d6e4;max-width:46ch}
  .kart a{align-self:center;font-size:15px;font-weight:600;color:var(--beyaz);text-decoration:none;border:1px solid rgba(220,235,255,.3);
    border-radius:10px;padding:9px 16px;transition:background .2s,border-color .2s}
  .kart a:hover{background:rgba(255,255,255,.08);border-color:rgba(220,235,255,.6)}
  .ok{position:absolute;top:50%;translate:0 -50%;z-index:3;width:58px;height:64px;cursor:pointer;display:none;place-items:center;padding:0;border:0;background:none}
  .ok svg{width:54px;height:44px;overflow:visible;filter:drop-shadow(0 0 7px rgba(47,198,242,.6)) drop-shadow(0 2px 2px rgba(0,0,0,.5))}
  .ok .uc,.ok .parilti,.ok .kuyruk{transition:translate .35s cubic-bezier(.16,1,.3,1),opacity .3s}
  .ok .kuyruk{opacity:.8}
  .ok:hover .uc{translate:4px 0}
  .ok:hover .kuyruk{translate:-2px 0;opacity:1}
  .ok:hover svg{filter:drop-shadow(0 0 12px rgba(47,198,242,.95)) drop-shadow(0 2px 2px rgba(0,0,0,.5))}
  .ok:focus-visible{outline:2px solid var(--acik-mavi);outline-offset:2px;border-radius:8px}
  .ok:disabled{opacity:.25;cursor:default}
  .ok.sol svg,.ok.pk-sol svg{rotate:180deg}
  .ok.sol{left:-6px}.ok.sag{right:-6px}
  .kartlar-sar.tasiyor .ok{display:grid}
  .kartlar-sar.tasiyor{padding:0 64px}
  .kartlar-sar .ok.sol{left:0}.kartlar-sar .ok.sag{right:0}
  .kanat{position:absolute;inset:0;z-index:2;
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.012 0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .11 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
      radial-gradient(ellipse 70% 55% at 50% 45%,rgba(255,255,255,.07),transparent 70%),
      linear-gradient(118deg,rgba(255,255,255,.06) 0%,transparent 30%,transparent 62%,rgba(255,255,255,.05) 78%,transparent 100%),
      linear-gradient(180deg,#46525f 0%,#2c3540 42%,#20272f 64%,#343f4b 100%);
    transition:translate .85s cubic-bezier(.7,0,.2,1)}
  body.kanat-acik:not(.kapi-kapaniyor) .kanat.sol{translate:-101% 0}
  body.kanat-acik:not(.kapi-kapaniyor) .kanat.sag{translate:101% 0}
  body.kapi-kapaniyor .kanat{transition-duration:.6s;transition-delay:0s}
  .kabartma{position:absolute;pointer-events:none;overflow:hidden;
    background:
      linear-gradient(180deg,#f7f9fc 0%,#cfd7e0 30%,#8794a4 50%,#a7b2c0 62%,#e6ebf1 100%);
    -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    filter:drop-shadow(0 -1px 0 rgba(255,255,255,.55)) drop-shadow(0 1px 0 rgba(0,0,0,.45)) drop-shadow(1px 2px 1px rgba(0,0,0,.55)) drop-shadow(3px 6px 6px rgba(0,0,0,.55))}
  .dikis{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;transition:opacity .25s}
  .dikis polyline{fill:none;stroke-linejoin:round}
  .dikis .golge{stroke:none}
  .dikis .isik{stroke:rgba(47,198,242,0);stroke-width:2;transition:stroke .2s}
  .desen{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
  .desen path,.desen rect{fill:none}
  .desen .oyuk{stroke:rgba(0,0,0,.55);stroke-width:2}
  .desen .kenar{stroke:rgba(255,255,255,.13);stroke-width:1}
  .desen .percin{fill:rgba(255,255,255,.18);stroke:rgba(0,0,0,.5);stroke-width:1}
  body.kapi-isik .dikis .isik{stroke:rgba(47,198,242,.95)}
  body.kanat-acik:not(.kapi-kapaniyor) .dikis{opacity:0;transition:opacity .12s}
  body.kapi-bekliyor .dikis .isik{animation:nefesIsik 1.4s ease-in-out infinite}
  @keyframes nefesIsik{0%,100%{stroke:rgba(47,198,242,.08)}50%{stroke:rgba(47,198,242,.55)}}
  body.kapi-bekliyor .kanat{cursor:pointer}
  .kabartma::after{content:"";position:absolute;inset:0;opacity:0;
    background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.85) 48%,transparent 66%) no-repeat;background-size:250% 100%;background-position:120% 0}
  body.kapi-bekliyor .kabartma::after{animation:suzul 1.3s .15s cubic-bezier(.4,0,.2,1) 1 forwards}
  @keyframes suzul{0%{opacity:1;background-position:120% 0}100%{opacity:1;background-position:-20% 0}}
  @media (max-width:640px){
    .kapi{width:100vw;height:100dvh;border-radius:0;box-shadow:none}
    .kapi-ic,.kanat.sol,.kanat.sag{border-radius:0}
    .kapi-ust{padding:18px 16px 0}
    .sekmeler{padding:12px 10px 0;gap:0}
    .sekme{padding:10px 10px 12px;font-size:14px}
    .kapi-govde{padding:18px 16px 20px}
    .ilkeler{grid-template-columns:1fr;gap:10px}
    .diller{grid-template-columns:1fr 1fr;grid-template-rows:repeat(10,minmax(0,1fr));gap:8px}
    .dil{padding:8px 10px;font-size:14px}
    .ilkeler p{font-size:14px}
    .form{grid-template-columns:1fr;gap:8px}
    .alan textarea{height:78px}
    .kart{flex-basis:100%;padding:26px 20px}
    .kartlar-sar.tasiyor .ok{display:none}
    .kartlar-sar.tasiyor{padding:0}
    .kapi-ic{background:#07101e}
    .bilgiler{grid-template-columns:1fr;gap:2px}
    .bilgiler dd{margin-bottom:8px}
  }
  @media (prefers-reduced-motion:reduce){ .kanat,.kapi,.bolum{transition:none;animation:none} }
  @media (prefers-reduced-motion:reduce){
    #foto{animation:none}
    .gezegen,.gezegen::before,.ad{transition:none}
  }
  .gizli-erisim{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .kontrol{font-size:11px;color:#ffd08a;border:1px dashed rgba(255,208,138,.5);border-radius:5px;padding:1px 6px}
  .baglayici{font-size:13px!important;color:var(--soluk)!important;margin-top:18px}
  .form-mesaj{grid-column:1/-1;font-size:14px;min-height:1.2em}
  .form-mesaj.hata{color:#ffb4a0}.form-mesaj.tamam{color:#8fe3b0}
  .form-gonder:disabled{opacity:.6;cursor:default}
  .ts-kutu{grid-column:1/-1}
  .yabanci-not{font-size:13px!important;color:var(--soluk)!important;margin-top:10px}
  .lisans-not{margin-top:8px;font-size:12px!important;color:#7f93a8!important}
  [dir=rtl] .kapi-ust,[dir=rtl] .sekmeler,[dir=rtl] .kapi-govde{direction:rtl}
  [dir=rtl] .yasal-metin{padding-right:0;padding-left:14px}
  [dir=rtl] details.sss summary{padding:11px 0 11px 28px}
  [dir=rtl] details.sss summary::after{right:auto;left:6px}
  [dir=rtl] .dil{text-align:right}
  [dir=rtl] .bilgiler dd,[dir=rtl] .iletisim-liste{unicode-bidi:plaintext}
  #sayfa-icerik{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bulunamadi{position:fixed;inset:0;z-index:6;display:grid;place-items:center;text-align:center;pointer-events:none}
  .bulunamadi>div{pointer-events:auto;max-width:560px;padding:24px}
  .bulunamadi h1{font-size:clamp(26px,3.4vw,40px);font-weight:600;margin-bottom:12px}
  .bulunamadi p{color:#c9d6e4;font-size:17px;line-height:1.6;margin-bottom:22px}
  .bulunamadi a{display:inline-block;font-size:15px;font-weight:600;color:var(--zemin);background:var(--acik-mavi);border-radius:10px;padding:11px 22px;text-decoration:none}
  #logo,#sahne,.kanat,.dikis{direction:ltr}