/* ModernTW acilis sayfasi — kendi kendine yeten (harici font/CDN yok).
   Renkler frontend temasiyla ayni token paletinden. */

:root{
  --wm-bg:#0e0f14; --wm-panel:rgba(25,28,38,.72); --wm-cizgi:rgba(255,255,255,.10);
  --wm-metin:#e7e9f0; --wm-soluk:#99a0b3; --wm-vurgu:#e6c454; --wm-vurgu-2:#d4af37;
  --wm-vurgu-ink:#1a1500;
}

*{box-sizing:border-box;}
html,body{height:100%;}
body.wm-govde{
  margin:0; background:var(--wm-bg); color:var(--wm-metin);
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}

/* ---- Arka plan videosu (kapla) ---- */
.wm-video{position:fixed;inset:0;overflow:hidden;background:#0b0f17;z-index:0;}
.wm-video iframe{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);
  width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;
  pointer-events:none;border:0;
}
/* Tiklama kalkani: videoya dokunulamaz (oynat/durdur cikmaz) */
.wm-kalkan{position:fixed;inset:0;z-index:1;}
/* Okunabilirlik icin karartma */
.wm-karart{position:fixed;inset:0;z-index:2;
  background:radial-gradient(120% 90% at 50% 40%,rgba(0,0,0,.35),rgba(0,0,0,.82) 70%);}
/* Ilk saniyedeki YouTube yukleme flasini gizleyen kapak */
.wm-perde{position:fixed;inset:0;z-index:3;background:#0b0f17;pointer-events:none;
  animation:wmPerde 1.8s ease-out forwards;}
@keyframes wmPerde{0%,50%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.wm-perde{animation:none;opacity:0}}

/* ---- Sahne ---- */
.wm-sahne{
  position:relative;z-index:4;min-height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:32px 20px 20px;gap:24px;
}

.wm-kart{
  width:100%;max-width:640px;text-align:center;
  background:var(--wm-panel);backdrop-filter:blur(10px);
  border:1px solid var(--wm-cizgi);border-radius:20px;
  padding:36px 28px 30px;box-shadow:0 24px 70px -20px rgba(0,0,0,.8);
  animation:wmGir .7s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes wmGir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wm-kart{animation:none}}

.wm-logo{max-width:220px;max-height:90px;margin:0 auto 14px;display:block;}

.wm-ustyazi{
  margin:0 0 6px;color:var(--wm-vurgu);font-size:11px;font-weight:700;
  letter-spacing:.34em;text-transform:uppercase;
}
.wm-baslik{
  margin:0;font-size:clamp(34px,7vw,58px);line-height:1.05;font-weight:800;
  font-family:Georgia,"Times New Roman",serif;
  text-shadow:0 2px 24px rgba(0,0,0,.6);
}
.wm-ayrac{
  display:block;height:16px;width:180px;max-width:60%;margin:12px auto 14px;
  background:no-repeat center/contain
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='18' viewBox='0 0 200 18'%3E%3Cg fill='none' stroke='%23e6c454' stroke-width='1.4'%3E%3Cline x1='0' y1='9' x2='78' y2='9'/%3E%3Cline x1='122' y1='9' x2='200' y2='9'/%3E%3Cpath d='M100 2 L108 9 L100 16 L92 9 Z' fill='%23e6c454' stroke='none'/%3E%3Ccircle cx='84' cy='9' r='2' fill='%23e6c454' stroke='none'/%3E%3Ccircle cx='116' cy='9' r='2' fill='%23e6c454' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
}
.wm-alt{margin:0 auto 22px;max-width:44ch;color:var(--wm-soluk);font-size:14px;line-height:1.65;}

/* ---- Butonlar ---- */
.wm-butonlar{display:flex;flex-direction:column;gap:10px;}
@media (min-width:560px){
  .wm-butonlar{flex-direction:row;flex-wrap:wrap;justify-content:center;}
  .wm-butonlar .wm-btn{flex:0 1 auto;}
}
.wm-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 22px;border-radius:12px;text-decoration:none;
  border:1px solid var(--wm-cizgi);color:var(--wm-metin);
  font-weight:700;font-size:14.5px;background:rgba(255,255,255,.04);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.wm-btn svg{width:17px;height:17px;flex:0 0 17px;}
.wm-btn:hover{transform:translateY(-2px);border-color:var(--wm-vurgu);color:var(--wm-vurgu);}
.wm-btn-ana{
  background:linear-gradient(180deg,var(--wm-vurgu),var(--wm-vurgu-2));
  color:var(--wm-vurgu-ink);border-color:transparent;
  box-shadow:0 10px 30px -10px rgba(230,196,84,.6);
}
.wm-btn-ana:hover{color:var(--wm-vurgu-ink);filter:brightness(1.08);}
.wm-btn:focus-visible{outline:2px solid var(--wm-vurgu);outline-offset:3px;}

.wm-sosyal{margin-top:18px;padding-top:16px;border-top:1px solid var(--wm-cizgi);}
.wm-sosyal a{color:var(--wm-soluk);text-decoration:none;font-size:13px;}
.wm-sosyal a:hover{color:var(--wm-vurgu);}

.wm-dip{color:rgba(153,160,179,.75);font-size:11.5px;text-align:center;}

@media (max-width:400px){
  .wm-kart{padding:28px 18px 24px;border-radius:16px;}
}