/* ===== SMM PWR — global red+white theme (Bootstrap 3 override) ===== */
:root{--pwr-red:#E11733;--pwr-red2:#FF3B57;--pwr-ink:#14161d;--pwr-muted:#7a8091;--pwr-line:#eef0f5;--pwr-bg:#f6f7fb;}

body{background:var(--pwr-bg);color:var(--pwr-ink);
  font-family:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--pwr-red)}
a:hover,a:focus{color:#b3122a;text-decoration:none}
hr{border-color:var(--pwr-line)}

/* ---- top navbar ---- */
.navbar-default{background:#fff;border:none;border-bottom:1px solid var(--pwr-line);box-shadow:0 2px 14px rgba(20,20,40,.05);border-radius:0;margin-bottom:26px}
.navbar-default .navbar-brand{color:var(--pwr-ink);font-weight:800;letter-spacing:.3px;
  height:auto;padding:12px 18px 12px 14px;display:flex;align-items:center}
.navbar-default .navbar-brand>img{max-height:36px;width:auto;display:block}
.navbar-default .navbar-brand:hover{color:var(--pwr-red)}
.navbar-default .navbar-nav>li>a{color:var(--pwr-muted);font-weight:700;border-radius:10px;margin:8px 3px;padding:10px 16px}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:var(--pwr-red);background:#fff5f6}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));box-shadow:0 8px 18px rgba(225,23,51,.3)}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:#fff5f6;color:var(--pwr-red)}
.navbar-default .navbar-nav>li>a .navbar-icon{margin-right:7px}
.navbar-default .badge{background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));color:#fff;font-weight:800;padding:6px 12px;border-radius:20px}
.navbar-toggle .icon-bar{background:var(--pwr-red)}
.navbar-nav .caret{border-top-color:currentColor}

/* ---- buttons ---- */
.btn{border-radius:10px;font-weight:700}
.btn-primary,.btn-primary:focus{background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));border:none;color:#fff;box-shadow:0 8px 18px rgba(225,23,51,.28)}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary{background:linear-gradient(135deg,var(--pwr-red),#b3122a);border:none;color:#fff}
.btn-success{background:linear-gradient(135deg,#22c67e,#0f9d63);border:none}
.btn-default{background:#fff;border:1.5px solid var(--pwr-line);color:#3a3f4b}
.btn-default:hover,.btn-default:focus{background:#fff5f6;border-color:#f6c9cf;color:var(--pwr-red)}
.btn-link{color:var(--pwr-red)}

/* ---- nav-pills (filter/category tabs) ---- */
.nav-pills{gap:8px;display:flex;flex-wrap:wrap}
.nav-pills>li>a{border-radius:11px;color:var(--pwr-muted);font-weight:700;background:#fff;border:1px solid var(--pwr-line)}
.nav-pills>li>a:hover{background:#fff5f6;color:var(--pwr-red)}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(225,23,51,.28)}

/* ---- forms ---- */
.form-control{border-radius:11px;border:1.5px solid var(--pwr-line);box-shadow:none;height:46px;background:#fbfcfe;color:var(--pwr-ink)}
.form-control:focus{border-color:var(--pwr-red);box-shadow:0 0 0 3px rgba(225,23,51,.12);background:#fff}
textarea.form-control{height:auto}
.control-label,label{font-weight:700;color:#3a3f4b}
.input-group-addon{border-radius:11px;border:1.5px solid var(--pwr-line);background:#faf7f8}

/* ---- cards / wells / panels ---- */
/* Kart zemini OPAK (#fff) kaliyor.
   DENENDI ve GERI ALINDI: rgba(255,255,255,.8) yapilinca SMMPWR
   filigrani genis tablolu sayfalarda (services, new order) yine
   gorunmedi -- etkin opaklik %28 x %20 = %5,6, yok sayilir.
   Gorunur olmasi icin kart ~%50 saydam olmali, o da fiyat tablolarini
   pembeye caliyor. Faydasi olmayan degisiklik birakilmadi.
   Filigran, icerigin zemini kapatmadigi sayfalarda gorunuyor:
   ana sayfa SEO bolumu, /about, /contact, /faq, /affiliate-program,
   blog yazilari ve tum sayfalarin yan bosluklari. */
.well,.panel{border-radius:16px;border:1px solid var(--pwr-line);box-shadow:0 12px 30px rgba(20,20,40,.05);background:#fff}
.well{padding:24px}
.panel{overflow:hidden}
.panel-default>.panel-heading{background:#faf7f8;border-color:var(--pwr-line);font-weight:800;color:var(--pwr-ink)}
.panel-primary>.panel-heading{background:linear-gradient(135deg,var(--pwr-red2),var(--pwr-red));border-color:transparent}

/* ---- tables ---- */
.table{background:#fff;border-radius:14px;overflow:hidden}
.table>thead>tr>th{border-bottom:2px solid var(--pwr-line);color:var(--pwr-muted);text-transform:uppercase;font-size:11.5px;letter-spacing:.4px;font-weight:800;padding:14px 16px}
.table>tbody>tr>td{padding:14px 16px;border-top:1px solid var(--pwr-line);vertical-align:middle}
.table-hover>tbody>tr:hover{background:#fff5f6}
.table-striped>tbody>tr:nth-of-type(odd){background:#fbfcfe}

/* Wide tables (orders, refill, subscriptions) squeeze the narrow columns
   because the link column asks for 40% of the row. Keep ids, dates and
   amounts on one line and let the long text columns absorb the slack. */
.nowrap,.table .nowrap{white-space:nowrap}
@media (min-width:768px){
  .table>thead>tr>th{white-space:nowrap}
  .table>thead>tr>th,.table>tbody>tr>td{padding-left:12px;padding-right:12px}
  /* A table cell's max-width is ignored in auto layout, so the link column
     grows to fit the longest URL and starves the service name. Constraining
     an inner inline-block does work — the column can no longer ask for more
     than 320px and the leftover width goes to the service column. */
  /* Perfect Panel's own .width-40 wins on specificity and forces the table
     to 1720px on a 1440px screen, so every other column gets squeezed and
     ids/dates break across two lines. !important is the only way to drop it. */
  .table td.width-40,.table th.width-40{width:auto!important}
  .pwr-clip{display:inline-block;max-width:320px;overflow-wrap:anywhere;vertical-align:middle}
}

/* ---- labels / badges (order statuses) ---- */
.label{border-radius:20px;padding:.35em .8em;font-weight:800;font-size:78%}
.label-success{background:#e7f8f0;color:#0f9d63}
.label-info{background:#e9f0ff;color:#2b6ef2}
.label-primary{background:#fdeaed;color:var(--pwr-red)}
.label-warning{background:#fff2e0;color:#e08600}
.label-danger{background:#fdeaed;color:var(--pwr-red)}
.label-default{background:#f1f2f6;color:var(--pwr-muted)}

/* ---- dropdowns ---- */
.dropdown-menu{border-radius:12px;border:1px solid var(--pwr-line);box-shadow:0 16px 40px rgba(20,20,40,.12);padding:6px;margin-top:6px}
.dropdown-menu>li>a,.dropdown-item{border-radius:8px;padding:9px 13px;font-weight:600;color:#3a3f4b}
.dropdown-menu>li>a:hover,.dropdown-item:hover,.dropdown-menu>.active>a{background:#fff5f6;color:var(--pwr-red)}

/* ---- misc accents ---- */
.pagination>li>a,.pagination>li>span{color:var(--pwr-red);border-color:var(--pwr-line)}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>span{background:var(--pwr-red);border-color:var(--pwr-red);color:#fff}
.progress{border-radius:20px;background:#f0f1f5}
.progress-bar{background:linear-gradient(90deg,var(--pwr-red2),var(--pwr-red))}
.text-primary{color:var(--pwr-red)!important}
.text-danger{color:var(--pwr-red)!important}
.alert{border-radius:12px}
.alert-success{background:#e7f8f0;border-color:#c9efdd;color:#0f9d63}
.alert-danger{background:#fdeaed;border-color:#f6cdd4;color:#c01027}
.alert-info{background:#e9f0ff;border-color:#cfe0ff;color:#2b6ef2}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:var(--pwr-red);border-bottom-color:transparent}
::selection{background:rgba(225,23,51,.18)}
a.forgot-password{color:var(--pwr-red)}

/* keep the custom login untouched (it is self-scoped under .pwr-login) */

/* ---- provider facts: average time + daily delivery capacity ---- */
.pwr-avg{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#0f9d63;white-space:nowrap}
.pwr-avg:before{content:"";width:7px;height:7px;border-radius:50%;background:#0f9d63;flex:0 0 7px;
  box-shadow:0 0 0 0 rgba(15,157,99,.55);animation:pwrpulse-dot 1.8s ease-out infinite}
@keyframes pwrpulse-dot{to{box-shadow:0 0 0 7px rgba(15,157,99,0)}}
/* ---- 20 dakikanin ALTINDAKI gercek olculmus sureler: canli alev --------
   Kullanici istegi (26 Tem). Esik script.js'te HIZLI_ESIK = 20 dakika.
   Yalnizca saglayicinin yayinladigi gercek sure kullanilir; sure yoksa
   hucre bos kalir ve alev cikmaz (uydurma veri yok).
   Yesil canli nokta bu satirlarda GIZLENIYOR: nokta + alev birlikte
   kalabalik goruyordu. Renk sicak tona cekildi ki satir "hizli" okunsun. */
.pwr-avg-fast{color:#C2410C}
.pwr-avg-fast:before{display:none}
.pwr-flame{width:14px;height:14px;flex:0 0 14px;transform-origin:50% 88%;
  animation:pwrFlame 1.15s ease-in-out infinite;
  filter:drop-shadow(0 1px 3px rgba(255,90,0,.45))}
@keyframes pwrFlame{
  0%,100%{transform:scale(1) rotate(-1.5deg);opacity:.95}
  32%{transform:scale(1.16) rotate(2.5deg);opacity:1}
  64%{transform:scale(.94) rotate(-2.5deg);opacity:.9}
}
@media (prefers-reduced-motion:reduce){.pwr-flame{animation:none}}
.pwr-speed{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:20px;white-space:nowrap;
  background:#fff1f2;color:var(--pwr-red);font-size:11px;font-weight:800;letter-spacing:.2px;vertical-align:1px}
.pwr-svc-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;align-items:stretch}
/* 🐞 SECICI TORUN DEGIL COCUK OLMALI: "span" torun seciciydi, bu yuzden
   kutucugun ICINDEKI span'ler de (alev sarmalayicisi gibi) kutucuk stilini
   aliyordu -> ic ice dolgu+kenarlik, kutu 34px'ten 65px'e sisiyor ve
   kardes kutucuklar da uzayip icerikleri TEPEDE kaliyordu (kullanici
   "yukarda kaliyor" dedi). Olculdu: 65px vs 34px.
   Ayrica hizalama baseline -> center: kutucuklar esit yukseklikte kalirken
   icerik dikeyde ORTALANIYOR. */
.pwr-svc-facts>span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:11px;
  background:#f6f7fb;border:1px solid var(--pwr-line);font-size:13px;color:var(--pwr-ink)}
/* ic sarmalayicilar kutucuk gibi gorunmesin */
.pwr-svc-facts>span span{padding:0;border:0;background:none;border-radius:0}
.pwr-svc-facts b{white-space:nowrap;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--pwr-muted)}
.pwr-live{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:20px;white-space:nowrap;
  background:#e7f8f0;color:#0f9d63;font-size:11px;font-weight:800;letter-spacing:.2px;vertical-align:1px}
.pwr-drop{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:20px;white-space:nowrap;
  font-size:11px;font-weight:800;letter-spacing:.2px;vertical-align:1px;
  background:#f1f2f6;color:var(--pwr-muted)}
.pwr-drop-low{background:#e7f8f0;color:#0f9d63}
.pwr-drop-mid{background:#fff2e0;color:#e08600}
.pwr-drop-high{background:#fdeaed;color:var(--pwr-red)}
.pwr-chart{margin:0 0 14px;padding:12px 14px 8px;border:1px solid var(--pwr-line);border-radius:12px;background:#fff}
.pwr-facts-wrap{margin-bottom:2px}
.pwr-nodata{margin:0 0 12px;padding:10px 13px;border-radius:11px;background:#f6f7fb;
  border:1px dashed var(--pwr-line);color:var(--pwr-muted);font-size:12.5px;font-weight:600}

/* add funds: coin list moved out of the <select>, where it never fitted */
.pwr-pay-info{margin-top:10px}
.pwr-pay-note{display:inline-block;padding:6px 12px;border-radius:20px;background:#e7f8f0;color:#0f9d63;
  font-size:12.5px;font-weight:800;margin-bottom:10px}
.pwr-pay-label{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  color:var(--pwr-muted);margin-bottom:6px}
.pwr-pay-coins{display:flex;flex-wrap:wrap;gap:6px}
.pwr-pay-coins span{padding:4px 9px;border-radius:8px;background:#f6f7fb;border:1px solid var(--pwr-line);
  font-size:11.5px;font-weight:800;color:#3a3f4b;letter-spacing:.2px}
#method{text-overflow:ellipsis}
.pwr-chart-hd{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  color:var(--pwr-muted);margin-bottom:6px}
.pwr-spark{display:block;width:100%;height:46px}

/* =====================================================================
   RESPONSIVE — phone & tablet
   ===================================================================== */
img{max-width:100%;height:auto}
.table td,.table th{word-break:break-word}

/* ---- tablet: let wide tables scroll inside their card ---- */
@media (max-width:991px){
  .navbar-default{margin-bottom:18px}
  .well{padding:18px}
  .well>.table,.well>form>.table{margin-bottom:0}
  .well-float,.well{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table>thead>tr>th,.table>tbody>tr>td{padding:12px 12px}
  .nav-pills>li>a{padding:8px 13px;font-size:13.5px}
  .col-md-8.col-md-offset-2{padding-left:8px;padding-right:8px}
}

/* ---- phone ---- */
@media (max-width:767px){
  body{font-size:14.5px}
  .container,.container-fluid{padding-left:12px;padding-right:12px}
  .navbar-default{margin-bottom:14px}
  .navbar-default .navbar-brand{padding-left:12px;font-size:17px}
  .navbar-default .navbar-brand>img{max-height:34px;width:auto}
  .navbar-toggle{margin-right:10px;border-color:var(--pwr-line)}
  .navbar-default .navbar-nav>li>a{margin:2px 6px;padding:11px 14px}
  .navbar-default .navbar-nav .badge{display:inline-block}
  .navbar-nav .open .dropdown-menu{box-shadow:none;border:none;background:transparent}

  .well{padding:14px;border-radius:14px;overflow-x:visible}
  .well-float{overflow-x:visible}

  /* filter / status pills: search jumps to its own full-width line */
  .nav-pills{gap:7px;margin-bottom:12px}
  .nav-pills>li{float:none}
  .nav-pills>li>a{padding:8px 12px;font-size:13px}
  .nav-pills>li.search,.nav-pills>li.pull-right{float:none!important;width:100%;order:-1;margin:0 0 10px}
  .nav-pills>li.search .input-group,.nav-pills>li.search form{width:100%}
  .nav-pills .dropdown,.nav-pills .dropdown>.btn{width:auto;max-width:100%}
  .nav-pills .dropdown>.btn{white-space:normal;text-align:left}

  /* --- tables become cards (labels are injected by script.js) --- */
  .pwr-table-cards{display:block;background:transparent;border-radius:0}
  .pwr-table-cards>thead{display:none}
  .pwr-table-cards>tbody{display:block}
  .pwr-table-cards>tbody>tr{display:block;background:#fff;border:1px solid var(--pwr-line);
    border-radius:14px;padding:4px 14px;margin:0 0 12px;box-shadow:0 6px 18px rgba(20,20,40,.05)}
  /* label on its own line, value below — never squeezes long service names */
  .pwr-table-cards>tbody>tr>td{display:block;width:auto!important;
    padding:9px 0!important;border-top:1px solid var(--pwr-line)!important;text-align:left;
    font-size:14px;line-height:1.45;white-space:normal!important;overflow-wrap:anywhere}
  .pwr-table-cards>tbody>tr>td:first-child{border-top:none!important}
  .pwr-table-cards>tbody>tr>td:before{content:attr(data-th);display:block;margin-bottom:2px;
    font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--pwr-muted)}
  .pwr-table-cards>tbody>tr>td[data-th=""]:before{content:none}
  .pwr-table-cards>tbody>tr>td[data-th=""]:empty{display:none}
  .pwr-table-cards>tbody>tr>td.width-40,.pwr-table-cards .width-service-name{width:auto}
  .pwr-table-cards .service-name{font-weight:600}
  .pwr-table-cards .pwr-speed{margin-left:0;margin-top:4px}
  .pwr-clip{max-width:100%}
  /* category / section header rows */
  .pwr-table-cards>tbody>tr.pwr-row-group{background:transparent;border:none;box-shadow:none;padding:0;margin:20px 0 8px}
  .pwr-table-cards>tbody>tr.pwr-row-group>td{display:block;border:none!important;padding:0!important;
    text-align:left;font-size:15px}
  .pwr-table-cards .order-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

  /* forms: 16px keeps iOS Safari from zooming on focus */
  .form-control{font-size:16px;height:48px}
  select.form-control{font-size:16px}
  #order-form>.btn-primary,#order-form button[type=submit],
  .well>form>button[type=submit]{width:100%;height:50px;font-size:16px}

  .pagination{display:flex;flex-wrap:wrap;gap:6px}
  .pagination>li>a,.pagination>li>span{border-radius:9px}
  .modal-dialog{margin:10px}
  .modal-content{border-radius:14px}
  .alert{font-size:14px}
}

/* ---- very small phones ---- */
@media (max-width:400px){
  .pwr-table-cards>tbody>tr>td:before{flex-basis:44%;font-size:10.5px}
  .pwr-table-cards>tbody>tr{padding:2px 12px}
  .well{padding:12px}
  .btn-xs{padding:4px 9px}
}

/* =====================================================================
   Landing content (home, sign up) — the crawlable copy under the hero
   ===================================================================== */
/* ---- landing content under the hero (this is what search engines read) ---- */
.pwr-landing{background:#fff;color:#14161d;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.pwr-landing .pl-wrap{max-width:920px;margin:0 auto;padding:72px 24px 88px}
.pwr-landing h2{font-size:33px;line-height:1.18;font-weight:800;letter-spacing:-.6px;margin:52px 0 16px;color:#14161d}
.pwr-landing h2:first-child{margin-top:0}
.pwr-landing h3{font-size:21px;font-weight:800;margin:32px 0 10px;color:#14161d}
.pwr-landing p{font-size:16.5px;line-height:1.72;color:#3f4552;margin:0 0 16px}
.pwr-landing ul,.pwr-landing ol{margin:0 0 18px;padding-left:22px}
.pwr-landing li{font-size:16.5px;line-height:1.7;color:#3f4552;margin-bottom:8px}
.pwr-landing a{color:#E11733;font-weight:700}
.pwr-landing a:hover{color:#b3122a;text-decoration:underline}
.pwr-landing strong{color:#14161d;font-weight:800}
.pwr-landing table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15.5px}
.pwr-landing th{text-align:left;padding:12px 14px;background:#f6f7fb;border-bottom:2px solid #eef0f5;
  font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#7a8091}
.pwr-landing td{padding:12px 14px;border-bottom:1px solid #eef0f5;color:#3f4552}
.pwr-landing blockquote{margin:0 0 20px;padding:16px 20px;border-left:3px solid #E11733;
  background:#fff5f6;border-radius:0 12px 12px 0}
.pwr-landing blockquote p{margin:0;color:#14161d}
.pwr-landing hr{border:none;border-top:1px solid #eef0f5;margin:44px 0}
@media (max-width:767px){
  .pwr-landing .pl-wrap{padding:44px 20px 60px}
  .pwr-landing h2{font-size:26px;margin:38px 0 12px}
  .pwr-landing h3{font-size:19px}
  .pwr-landing p,.pwr-landing li{font-size:16px}
  .pwr-landing table{display:block;overflow-x:auto}
}

/* ---- SMMPWR el yazisi filigrani: font + hareket ------------------------
   @font-face BURADA (global style.css) duruyor, layout.twig'de DEGIL.
   Sebep: layout'taki filigran blogu giris sayfasinda dislaniyor; font orada
   da gerekiyor cunku ana sayfanin alt SEO bolumunde de filigran var.
   Font yalnizca kullanan sayfada indirilir (tarayici tembel yukler).
   Dancing Script Bold, SIL OFL 1.1 - lisans /pwr/font/OFL.txt          */
@font-face{font-family:'PwrHand';
  src:url('https://socialsanalytics.com/pwr/font/dancing.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap}
@keyframes pwrWrite{
  0%   {clip-path:inset(0 100% 0 0)}   /* bos */
  40%  {clip-path:inset(0 0 0 0)}      /* yazildi */
  72%  {clip-path:inset(0 0 0 0)}      /* bekle */
  100% {clip-path:inset(0 0 0 100%)}   /* soldan silindi */
}

/* ---- ANA SAYFA: alt SEO bolumundeki filigran --------------------------
   Giris ekraninin kendi 3D terminali var, orada filigran YOK. Kullanici
   "ana sayfada alt seo kismi olan yerde gozuksun" dedi -> yalnizca
   .pwr-landing bolumunun icinde, ::before ile (DOM'a dokunmadan).
   .pl-wrap z-index:1 SART, yoksa metin filigranin altinda kalir.       */
.pwr-landing{position:relative;overflow:hidden}
.pwr-landing::before{content:"SMMPWR";
  /* top BIRIMI ONEMLI: bolum 5057px yuksekliginde, yuzde kullanilinca
     filigran ~2300px derinlige dusuyor ve SEO alanina girince
     gorunmuyordu (olculdu). vh kullanilinca bolumun ILK ekraninda,
     yani kullanici giris kahramanini gecip SEO metnine indiginde
     tam karsisinda duruyor. */
  /* KULLANICI ISTEGI: SEO BOLUMUNUN ORTASINA. Onceki denemeler:
     top:46%  -> kullanici gormedi
     top:42vh -> ustten 29px kirpiliyordu ("cok ustte")
     top:50vh -> bolumun ILK ekraninda ortali, ama bolum 5057px
                 oldugu icin kullanici yine "hala ustte" dedi.
     top:50%  -> bolumun TAMAMINA gore ortali (istenen bu). */
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(-32deg);
  font-family:'PwrHand','Segoe Script','Brush Script MT',cursive;font-weight:700;
  font-size:min(24vw,30vh);line-height:.9;letter-spacing:.005em;
  white-space:nowrap;pointer-events:none;user-select:none;z-index:0;
  color:#E11733;opacity:.28;
  text-shadow:
    2px 2px 0 #d0142e, 4px 4px 0 #c01229, 6px 6px 0 #b01025,
    8px 8px 0 #a00e21, 10px 10px 0 #900c1d, 12px 12px 0 #7f0a19,
    14px 14px 26px rgba(94,10,24,.28);
  animation:pwrWrite 11s ease-in-out infinite}
.pwr-landing .pl-wrap{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){
  .pwr-landing::before{animation:none;clip-path:none}
}
@media print{.pwr-landing::before{display:none}}