:root{--green:#0f5132;--green2:#198754;--lime:#8ee4af;--dark:#07140f;--card:#0d241a;--white:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#1d5f41 0,#07140f 42%,#04100b 100%);font-family:Arial,Helvetica,sans-serif;color:#dff8ea}.navhead{background:rgba(5,18,12,.88);border-bottom:1px solid rgba(142,228,175,.18);backdrop-filter:blur(12px)}.logo-text{font-size:30px;font-weight:900;letter-spacing:.5px}.logo-text span{color:var(--lime)}.nav-link{font-weight:700;margin-left:8px}.nav-link:hover,.nav-link.active{color:var(--lime)!important}.arka{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(2,10,7,.82) 0%,rgba(3,12,8,.62) 42%,rgba(3,12,8,.28) 100%),url("romantik-arka-plan.png") center right/cover no-repeat;min-height:560px}.arka:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 100%)}.arka:after{content:"";position:absolute;inset:auto 0 0 0;height:190px;background:linear-gradient(to top,#07140f 0%,rgba(7,20,15,0) 100%);pointer-events:none}.date{position:relative;z-index:1;padding:12px 0;color:#cff5dc;border-bottom:1px solid rgba(255,255,255,.09);font-size:14px}.hero-wrap{position:relative;z-index:1;padding:95px 12px 95px}.mini-badge{display:inline-block;padding:8px 14px;border:1px solid rgba(142,228,175,.35);border-radius:50px;background:rgba(142,228,175,.12);color:var(--lime);font-weight:800;margin-bottom:18px}.hero-copy h1{font-size:clamp(38px,6vw,70px);font-weight:900;line-height:1.02;margin-bottom:20px}.hero-copy p{font-size:18px;line-height:1.8;max-width:680px;color:#d9f2e3}.hero-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-pills span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:10px 13px;border-radius:14px;font-weight:700}.chat-page{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.35);color:#173524;border:1px solid rgba(142,228,175,.45)}.chat-title{text-align:center;font-size:28px;font-weight:900;margin-bottom:22px;color:var(--green)}.form-label{font-weight:800;color:#173524}.input-group-text{background:#e8f6ed;border:0;font-size:18px}.form-control{min-height:52px;border:0;background:#f2fbf5}.form-control:focus{box-shadow:0 0 0 .2rem rgba(25,135,84,.2);background:#fff}.c-button{background:linear-gradient(135deg,var(--green2),var(--green));border:0;color:#fff;font-weight:900;min-height:54px;border-radius:14px;box-shadow:0 12px 22px rgba(15,81,50,.28)}.c-button:hover{filter:brightness(1.08);color:#fff}.altban{margin-top:0;position:relative;z-index:5}.playappmirc{text-decoration:none;color:#fff}.picdetay{background:linear-gradient(135deg,#114b32,#198754);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:22px;text-align:center;font-weight:900;box-shadow:0 20px 45px rgba(0,0,0,.25)}.kategoriler{background:linear-gradient(135deg,#114b32,#0a2b1d);border:1px solid rgba(142,228,175,.22);border-radius:18px;padding:18px 20px;color:#fff;font-weight:900}.blogspost{font-size:22px}.makale{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:16px}.yazi{height:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px}.yazi h2{font-size:20px;font-weight:900;margin:16px 0 8px;color:#fff}.yazi p{color:#ccebd8}.mak-img{height:190px;border-radius:18px;display:grid;place-items:center;font-size:34px;font-weight:900;color:#fff}.gradient-one{background:linear-gradient(135deg,#198754,#20c997)}.gradient-two{background:linear-gradient(135deg,#0d6efd,#20c997)}.gradient-three{background:linear-gradient(135deg,#6f42c1,#198754)}.gradient-four{background:linear-gradient(135deg,#212529,#198754)}.top{display:inline-block;background:#dc3545;color:#fff;border-radius:40px;padding:5px 12px;font-size:13px;font-weight:800}.sidebox .list-group-item{background:rgba(255,255,255,.08);color:#e9fff0;border-color:rgba(255,255,255,.1);padding:15px}.sidebox .list-group-item:hover{background:rgba(142,228,175,.14);color:#fff}.makaleic{font-size:17px;line-height:1.9;color:#dff8ea}.footer{background:#020a07;color:#bde7ce}.foo-border{border:1px solid rgba(142,228,175,.16);border-radius:26px;padding:12px}.foo-tit{font-weight:900;color:#fff;margin-bottom:14px}.footer a{display:block;color:#bde7ce;text-decoration:none;margin:7px 0}.footer a:hover{color:var(--lime)}.page-content{padding:70px 0}.content-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:26px;padding:30px;color:#e7fff0}.content-card h1{font-weight:900;color:#fff}.content-card p,.content-card li{line-height:1.85}@media(max-width:991px){.arka{min-height:auto}.hero-wrap{padding:54px 12px 70px}.hero-copy{text-align:center}.hero-pills{justify-content:center}.altban{margin-top:22px}.chat-page{margin-top:10px}.nav-link{margin-left:0}.mak-img{height:155px}}


/* Tüm sayfalarda romantik arka plan */
body{
  background:
    linear-gradient(90deg,rgba(2,10,7,.82) 0%,rgba(3,12,8,.66) 48%,rgba(3,12,8,.34) 100%),
    url("romantik-arka-plan.png") center right/cover fixed no-repeat !important;
}
.page-content,
.container.py-5,
.container.pb-5{
  position:relative;
  z-index:1;
}
.content-card,
.makale{
  background:rgba(7,20,15,.72);
  backdrop-filter:blur(10px);
}


.article-title{
  color:#fff;
  font-weight:900;
  font-size:24px;
  margin-bottom:16px;
}
.makale.h-100{
  padding:24px;
}


.site-logo{display:block;height:54px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.22))}
.navbar-brand.logo-image{padding-top:4px;padding-bottom:4px;margin-right:18px}
.footer-logo-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:14px}
.footer-logo{height:58px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.22))}
@media(max-width:991px){.site-logo{height:44px}.footer-logo{height:48px}}


/* SEO ve mobil/masaüstü uyum iyileştirmeleri */
html{scroll-behavior:smooth}
img{max-width:100%;height:auto}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.seo-article{padding:26px}
.seo-article h2{font-size:25px;font-weight:900;color:#fff;margin-bottom:14px}
.seo-article h3{font-size:20px;font-weight:900;color:#8ee4af;margin-top:20px;margin-bottom:10px}
.seo-article h4{font-size:17px;font-weight:900;color:#dff8ea;margin-top:16px;margin-bottom:8px}
.seo-article p{font-size:16px;line-height:1.85;color:#dff8ea;margin-bottom:12px}
.seo-main-title{font-size:clamp(28px,4vw,44px);font-weight:900;color:#fff;margin-bottom:14px}
.seo-section-title{font-size:clamp(24px,3vw,34px);font-weight:900;color:#fff;margin-bottom:18px}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;background:#0f5132;color:#fff;padding:10px 14px;border-radius:10px;z-index:9999}
@media(max-width:991px){
  .article-grid{grid-template-columns:1fr}
  .seo-article{padding:20px}
  .chat-page{max-width:430px;margin-left:auto;margin-right:auto}
}
@media(max-width:575px){
  .hero-wrap{padding:54px 12px 64px}
  .chat-title{font-size:24px}
  .form-control{min-height:48px}
  .c-button{min-height:50px}
  .content-card,.makale{padding:18px}
}


.content-card h2{font-size:clamp(24px,3vw,34px);font-weight:900;color:#fff;margin-top:30px;margin-bottom:14px}
.content-card h3{font-size:22px;font-weight:900;color:#8ee4af;margin-top:24px;margin-bottom:10px}
.content-card h4{font-size:18px;font-weight:900;color:#dff8ea;margin-top:20px;margin-bottom:8px}
.content-card strong{color:#8ee4af}