
/*
Theme Name: KRM Neon Tek Sayfa V7
Version: 7.0.0
*/
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:#fff;font-family:Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 12% 8%,rgba(103,88,199,.20),transparent 30%),
    radial-gradient(circle at 90% 90%,rgba(44,205,221,.15),transparent 30%),
    linear-gradient(160deg,#020407 0%,#080d15 100%);
}
a{color:inherit}
.krm-page{min-height:100vh;display:flex;justify-content:center;padding:24px 14px}
.krm-card{
  width:min(780px,100%);
  padding:28px 24px 28px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(8,12,21,.98),rgba(3,6,12,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 35px 100px rgba(0,0,0,.62);
  text-align:center;
}
.krm-logo-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 10px;
  padding:8px 0 2px;
}
.krm-logo{
  display:block;
  width:min(680px,96%);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.38));
}
.krm-title{
  margin:14px 0 0;
  font-size:clamp(36px,6vw,60px);
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.04em;
}
.krm-line{
  width:220px;height:4px;margin:22px auto 18px;border-radius:99px;
  background:linear-gradient(90deg,transparent,#3ee0e8,#7459ff,transparent);
  box-shadow:0 0 16px #3ee0e8,0 0 22px #7459ff;
}
.krm-sub{
  margin:0 auto 26px;
  color:#eef1f8;
  font-size:clamp(15px,2.1vw,19px);
  line-height:1.65;
}
.krm-buttons{display:grid;gap:14px}
.krm-btn{
  min-height:88px;
  display:grid;
  grid-template-columns:68px 1fr 68px;
  align-items:center;
  padding:12px 18px;
  border-radius:20px;
  text-decoration:none!important;
  color:#fff!important;
  font-size:clamp(21px,2.7vw,27px);
  font-weight:900;
  background:#04070d;
  transition:transform .2s ease,filter .2s ease;
}
.krm-btn:hover{transform:translateY(-4px);filter:brightness(1.08)}
.krm-icon{
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;justify-self:start;
}
.krm-icon svg{width:33px;height:33px;fill:#fff}
.krm-instagram{border:2px solid #ff9b22;box-shadow:0 0 16px rgba(255,45,132,.5),0 0 22px rgba(255,155,34,.25)}
.krm-instagram .krm-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.krm-youtube{border:2px solid #ff193a;box-shadow:0 0 18px rgba(255,25,58,.48)}
.krm-youtube .krm-icon{background:#ff193a}
.krm-facebook{border:2px solid #2784ff;box-shadow:0 0 18px rgba(39,132,255,.48)}
.krm-facebook .krm-icon{background:#2784ff}
.krm-whatsapp{border:2px solid #2bd56b;box-shadow:0 0 18px rgba(43,213,107,.48)}
.krm-whatsapp .krm-icon{background:#2bd56b}
.krm-contact{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09)}
.krm-phone{
  display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  text-decoration:none;font-size:clamp(29px,5vw,50px);font-weight:900;
}
.krm-phone-badge{
  width:66px;height:66px;border:4px solid #7459ff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 20px rgba(116,89,255,.52);
}
.krm-phone-badge svg{width:34px;height:34px;fill:#fff}
.krm-address{margin-top:22px;font-size:clamp(16px,2.2vw,20px);line-height:1.55;color:#f4f6fb;display:block;text-decoration:none!important}
.krm-pin{display:block;margin:0 auto 7px;width:48px;height:48px}
.krm-pin svg{width:48px;height:48px;fill:#38d5df;filter:drop-shadow(0 0 12px rgba(56,213,223,.5))}
.krm-copy{margin-top:26px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08);color:#bcc3cf;font-size:14px}
@media(max-width:640px){
  .krm-card{padding:20px 12px 22px}
  .krm-logo{width:96%;max-width:620px}
  .krm-title{font-size:clamp(36px,11vw,50px)}
  .krm-btn{grid-template-columns:56px 1fr 18px;min-height:78px;padding:10px 12px}
  .krm-icon{width:48px;height:48px}
  .krm-icon svg{width:28px;height:28px}
  .krm-phone-badge{width:58px;height:58px}
}
