@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--brand:#d71920;--brand-dark:#9f1218;--brand-soft:#fff1f2;--dark:#14161f;--muted:#64748b;--soft:#fff7f7;--line:#eadfe0}body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--dark);background:#fff;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.topbar{background:#8f1117;color:#fff}.brand-dot{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:6px;background:var(--brand);color:#fff}.navbar{box-shadow:0 10px 30px rgba(20,22,31,.04)}.fw-black{font-weight:900}.hero{background:linear-gradient(135deg,#fff 0,#fff7f7 52%,#ffe5e7 100%);position:relative;overflow:hidden}.hero:before{content:'';position:absolute;right:-120px;top:-160px;width:430px;height:430px;border-radius:50%;background:rgba(215,25,32,.08)}.min-vh-75{min-height:75vh}.btn{border-radius:6px!important;font-weight:700}.btn-primary{background:var(--brand);border-color:var(--brand)}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn-outline-dark:hover{background:var(--brand);border-color:var(--brand)}.stats b{display:block;font-size:1.6rem}.stats span{font-size:.85rem;color:var(--muted)}.browser-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 70px rgba(143,17,23,.14);overflow:hidden}.browser-top{background:#8f1117;padding:14px 18px}.browser-top i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#fff;margin-right:7px;opacity:.8}.breaking{display:inline-block;background:var(--brand);color:#fff;border-radius:5px;padding:8px 14px;font-weight:800;font-size:.8rem}.headline{font-size:2rem;font-weight:900;line-height:1.05;margin:22px 0}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.news-grid span{height:105px;background:linear-gradient(135deg,#fff1f2,#f8fafc);border:1px solid #f2d4d6;border-radius:8px}.section-title{max-width:760px;margin:0 auto 42px;text-align:center}.section-title span,.eyebrow{color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.section-title h2{font-weight:900;margin-top:10px}.feature-card,.price-card,.blog-card,.contact-form{border:1px solid var(--line);border-radius:10px;padding:28px;background:#fff;box-shadow:0 14px 38px rgba(20,22,31,.045)}.feature-card{transition:.2s ease}.feature-card:hover{transform:translateY(-3px);border-color:#f1b6ba;box-shadow:0 18px 46px rgba(143,17,23,.09)}.feature-card .icon{width:48px;height:48px;border-radius:7px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:16px}.feature-card .icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.feature-card h5,.blog-card h5{font-weight:800}.feature-card p,.blog-card p{color:var(--muted);margin:0}.bg-soft{background:var(--soft)}.module-box{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px;text-align:center;font-weight:800;min-height:92px;display:grid;place-items:center}.price-card{position:relative}.price-card.popular{border:2px solid var(--brand);transform:translateY(-8px)}.popular-badge{position:absolute;top:18px;right:18px;background:var(--brand);color:#fff;border-radius:5px;padding:6px 12px;font-size:.75rem;font-weight:800}.price{font-size:2.4rem;font-weight:900;margin:18px 0}.price-card ul{list-style:none;padding:0;margin:0}.price-card li{padding:9px 0;border-bottom:1px dashed #eadfe0}.price-card li:before{content:'✓';color:var(--brand);font-weight:900;margin-right:8px}.blog-card{height:100%}.blog-card-image{margin:14px 0 18px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff7f7}.blog-card-image img{display:block;width:100%;height:160px;object-fit:cover}.blog-card small{display:inline-block;color:var(--brand);font-weight:800;margin-bottom:2px}.form-control{min-height:54px;border-radius:7px;border-color:var(--line)}.form-control:focus{border-color:#f09ca1;box-shadow:0 0 0 .25rem rgba(215,25,32,.12)}.accordion-item{border-color:var(--line)}.accordion-button:not(.collapsed){background:var(--brand-soft);color:var(--brand-dark)}.cta-red{background:linear-gradient(135deg,#8f1117,#d71920)}.footer{background:#111318;color:#fff}.footer a{display:block;color:#cbd5e1;text-decoration:none;margin:8px 0}.footer .text-secondary{color:#cbd5e1!important}@media(max-width:991px){.headline{font-size:1.55rem}.price-card.popular{transform:none}}

/* Profesyonel yukaridan-asagi giris efektleri */
.js .reveal-down{
  opacity:0;
  transform:translateY(-28px);
  filter:none;
  transition:opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1), filter .72s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform;
}
.js .reveal-down.is-visible{
  opacity:1;
  transform:translateY(0);
  filter:none;
}
.js .navbar .nav-item.reveal-down{
  transform:translateY(-14px);
}
.js .hero .browser-card.reveal-down,
.js .hero .btn.reveal-down{
  transform:translateY(-22px) scale(.985);
}
.js .hero .browser-card.reveal-down.is-visible,
.js .hero .btn.reveal-down.is-visible{
  transform:translateY(0) scale(1);
}
.js .feature-card.reveal-down .icon svg{
  transition:transform .72s cubic-bezier(.22,1,.36,1);
}
.js .feature-card.reveal-down.is-visible .icon svg{
  transform:translateY(0);
}
.reveal-group > *{position:relative}
@media (prefers-reduced-motion: reduce){
  .js .reveal-down{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}

/* Haberyazilimi.com ilhamli profesyonel ust sidebar / menu modeli */
.site-header{z-index:1040;box-shadow:0 12px 34px rgba(20,22,31,.055)}
.mainbar{backdrop-filter:none}
.topbar-contact span{position:relative;padding-left:18px}
.topbar-contact span:before{content:'';position:absolute;left:0;top:50%;width:7px;height:7px;background:#fff;border-radius:50%;transform:translateY(-50%);opacity:.9}
.topbar-note i{display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.78)}
.sidebar-toggle{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line);background:#fff;color:var(--dark);border-radius:7px;padding:11px 14px 11px 18px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 28px rgba(143,17,23,.06);transition:.2s ease}
.sidebar-toggle:hover{border-color:#f1b6ba;color:var(--brand);transform:translateY(-1px)}
.toggle-lines{display:grid;gap:5px;width:24px}.toggle-lines i{display:block;height:2px;background:currentColor;border-radius:2px}.toggle-lines i:nth-child(2){width:16px;margin-left:auto}.toggle-lines i:nth-child(3){width:20px;margin-left:auto}
.site-overlay{position:fixed;inset:0;background:rgba(17,19,24,.52);backdrop-filter:none;z-index:1050;opacity:0;visibility:hidden;transition:.28s ease}.site-overlay.is-active{opacity:1;visibility:visible}
.top-sidebar{position:fixed;inset:0 0 0 auto;width:min(430px,92vw);z-index:1060;pointer-events:none}.sidebar-panel{height:100%;background:#fff;box-shadow:-34px 0 80px rgba(20,22,31,.22);transform:translateX(110%);transition:transform .42s cubic-bezier(.22,1,.36,1);padding:26px;overflow:auto;border-left:4px solid var(--brand)}
.top-sidebar.is-open{pointer-events:auto}.top-sidebar.is-open .sidebar-panel{transform:translateX(0)}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.sidebar-brand{display:inline-flex;align-items:center;gap:10px;color:var(--dark);text-decoration:none;font-size:1.2rem}.sidebar-close{width:42px;height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:28px;line-height:1;transition:.2s ease}.sidebar-close:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.sidebar-login-card{background:linear-gradient(135deg,#fff7f7,#fff);border:1px solid #f2d4d6;border-radius:10px;padding:22px;margin-bottom:22px}.sidebar-login-card span,.sidebar-contact span{display:block;color:var(--brand);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.sidebar-login-card strong{display:block;font-size:1.08rem;line-height:1.35}
.sidebar-menu{display:grid;gap:9px;margin:20px 0}.sidebar-menu a,.sidebar-sub-toggle{display:flex;align-items:center;width:100%;gap:12px;border:1px solid var(--line);background:#fff;color:var(--dark);text-decoration:none;border-radius:8px;padding:15px 16px;font-weight:800;transition:.2s ease;text-align:left}.sidebar-menu a span,.sidebar-sub-toggle span{color:var(--brand);font-size:.78rem;letter-spacing:.08em}.sidebar-menu a:hover,.sidebar-sub-toggle:hover{border-color:#f1b6ba;color:var(--brand);background:#fff7f7;transform:translateX(-3px)}
.sidebar-menu-group{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.sidebar-menu-group .sidebar-sub-toggle{border:0;border-radius:0}.sidebar-sub-menu{display:grid;gap:0;padding:0 14px 14px 42px}.sidebar-sub-menu a{border:0;border-left:2px solid #f2d4d6;border-radius:0;padding:10px 14px;font-weight:700;color:#475569;background:transparent}.sidebar-sub-menu a:hover{background:transparent;color:var(--brand);transform:none;border-left-color:var(--brand)}
.sidebar-contact{margin-top:24px;padding:20px;border-radius:10px;background:#111318;color:#fff}.sidebar-contact p{color:#cbd5e1}.sidebar-contact strong{display:block;margin-bottom:10px}
body.sidebar-open{overflow:hidden}.top-sidebar .reveal-down{opacity:1;transform:none;filter:none}
@media(max-width:576px){.sidebar-panel{padding:20px}.toggle-text{display:none}.sidebar-toggle{padding:11px 13px}.topbar{font-size:.76rem}.sidebar-sub-menu{padding-left:26px}}


/* Modern kullanici girisi ekrani */
.login-page{background:#fff}.login-hero{min-height:calc(100vh - 128px);display:flex;align-items:center;background:radial-gradient(circle at 10% 12%,rgba(215,25,32,.10),transparent 34%),linear-gradient(135deg,#fff 0,#fff7f7 58%,#ffe8ea 100%);position:relative;overflow:hidden}.login-hero:after{content:'';position:absolute;right:-150px;bottom:-180px;width:460px;height:460px;border-radius:50%;background:rgba(215,25,32,.08)}.login-hero .container{position:relative;z-index:1}.login-title{font-size:clamp(2rem,4.2vw,3.85rem);line-height:1.02;font-weight:900;letter-spacing:-.045em}.login-lead{color:#5f6b7a;font-size:1.06rem;max-width:620px}.login-benefits{display:grid;gap:14px;margin-top:30px}.login-benefits div{display:grid;gap:2px;background:rgba(255,255,255,.72);border:1px solid #f1d1d4;border-radius:8px;padding:16px 18px;box-shadow:0 14px 40px rgba(143,17,23,.06)}.login-benefits strong{font-weight:850}.login-benefits span{color:#64748b;font-size:.94rem}.login-box{background:rgba(255,255,255,.92);border:1px solid #efd6d8;border-radius:12px;padding:34px;box-shadow:0 30px 90px rgba(143,17,23,.16);backdrop-filter:none}.login-mark{width:56px;height:56px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.35rem;box-shadow:0 16px 34px rgba(215,25,32,.24)}.login-box-head h2{font-size:1.65rem;font-weight:900;margin:18px 0 4px}.login-box-head p{color:#64748b;margin-bottom:24px}.login-box a{color:var(--brand);font-weight:800;text-decoration:none}.login-box a:hover{text-decoration:underline}.login-form{display:grid;gap:10px}.login-form label{font-weight:800;font-size:.92rem;color:#263041}.login-form .form-control{min-height:56px;background:#fff}.remember{display:inline-flex!important;align-items:center;gap:8px;color:#64748b;font-weight:700!important}.remember input{accent-color:var(--brand)}.panel-shortcut{margin-top:24px;padding:15px 16px;border:1px dashed #efb8bc;border-radius:8px;background:#fff7f7;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-shortcut span{color:#64748b;font-weight:700}.panel-shortcut a{font-size:.92rem}@media(max-width:991px){.login-hero{min-height:auto}.login-box{padding:26px}.login-title{letter-spacing:-.03em}}

/* 2026 duzeltme: haberyazilimi.com benzeri ust sidebar/menu ve logo */
:root{--brand:#d71920;--brand-dark:#b9151c;--brand-soft:#fff1f2;--line:#eadfe0;--dark:#14161f;--muted:#64748b}
.topbar{background:var(--brand)!important;color:#fff!important}
.topbar-note{gap:14px!important}.topbar-note span{position:relative;padding-left:18px;font-weight:700;opacity:.96}.topbar-note span:before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#fff;transform:translateY(-50%);opacity:.9}.topbar-note i{display:none!important}
.site-header{box-shadow:0 10px 28px rgba(20,22,31,.06)}.mainbar{position:relative}.brand-logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--dark);min-width:max-content}.brand-icon{width:46px;height:46px;border-radius:8px;background:linear-gradient(135deg,var(--brand),#ff3a42);color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:-.06em;box-shadow:0 14px 28px rgba(215,25,32,.22)}.brand-text{display:grid;line-height:1.05}.brand-text strong{font-size:1.35rem;font-weight:900;letter-spacing:-.04em;color:#111318}.brand-text small{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.header-menu{display:flex;align-items:center;justify-content:flex-end;gap:26px;flex:1}.main-menu{display:flex;align-items:center;gap:4px}.main-menu>li{position:relative}.main-menu a,.main-menu button{border:0;background:transparent;color:#222936;text-decoration:none;font-weight:800;font-size:.94rem;padding:12px 13px;border-radius:6px;display:inline-flex;align-items:center;gap:8px;transition:.18s ease}.main-menu a:hover,.main-menu button:hover{color:var(--brand);background:var(--brand-soft)}.has-submenu>button:after{content:'⌄';font-size:.9rem;line-height:1;color:var(--brand)}.submenu{position:absolute;top:calc(100% + 12px);left:0;min-width:245px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;box-shadow:0 24px 55px rgba(20,22,31,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;z-index:20}.has-submenu:hover .submenu,.has-submenu:focus-within .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu:before{content:'';position:absolute;left:22px;top:-7px;width:14px;height:14px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.submenu a{display:flex;width:100%;padding:11px 12px;border-radius:5px;font-size:.9rem;font-weight:750;color:#475569}.header-actions{display:flex;align-items:center;gap:10px}.btn-login{background:#fff;color:var(--brand);border:1px solid #f0bec1!important;box-shadow:0 10px 22px rgba(215,25,32,.08)}.btn-login:hover{background:var(--brand-soft);color:var(--brand-dark);border-color:#eea7ab!important}.header-actions .btn{white-space:nowrap;padding:11px 17px;border-radius:6px!important}.mobile-menu-toggle{border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 12px;display:inline-grid;grid-template-columns:auto 22px;gap:3px 10px;align-items:center;color:var(--dark);font-weight:850}.mobile-menu-toggle span{grid-row:1/4}.mobile-menu-toggle i{display:block;width:22px;height:2px;background:currentColor;border-radius:2px}.mobile-menu-toggle.is-active{color:var(--brand);border-color:#f0bec1;background:var(--brand-soft)}
.site-overlay,.top-sidebar,.sidebar-panel,.sidebar-toggle{display:none!important}
@media(max-width:1199px){.header-menu{gap:14px}.main-menu a,.main-menu button{padding:11px 9px;font-size:.9rem}.header-actions .btn{padding:10px 12px}}
@media(max-width:991px){.header-menu{position:absolute;left:12px;right:12px;top:calc(100% + 1px);display:none;align-items:stretch;flex-direction:column;gap:16px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 26px 65px rgba(20,22,31,.14);z-index:30}.header-menu.is-open{display:flex}.main-menu{display:grid;gap:7px}.main-menu a,.main-menu button{width:100%;justify-content:space-between;border:1px solid var(--line);padding:13px 14px}.submenu{position:static;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid #f0bec1;border-radius:0;margin:7px 0 3px 16px;padding:3px 0 3px 10px}.submenu:before{display:none}.submenu a{border:0;padding:9px 10px;background:transparent}.header-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.header-actions .btn{width:100%}.brand-icon{width:42px;height:42px}.brand-text strong{font-size:1.18rem}.brand-text small{font-size:.66rem}}
@media(max-width:575px){.topbar .container{justify-content:center!important}.topbar-contact{justify-content:center}.brand-text small{letter-spacing:.02em}.header-actions{grid-template-columns:1fr}.topbar-note{display:none!important}}


/* 2026 Inter netlik ve Teksir Haber Yazilimi logosu */
html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body,
button,
input,
textarea,
select{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
  font-synthesis:none;
}
.teksir-logo{gap:12px;align-items:center}
.teksir-logo .brand-icon{
  width:48px;
  height:48px;
  border-radius:9px;
  background:var(--brand);
  color:#fff;
  display:grid;
  place-items:center;
  font-family:'Inter',system-ui,sans-serif;
  font-size:2rem;
  font-weight:900;
  letter-spacing:-.08em;
  line-height:1;
  box-shadow:0 14px 30px rgba(215,25,32,.24);
}
.teksir-logo .brand-text{
  display:grid;
  gap:1px;
  line-height:.96;
  transform:translateY(1px);
}
.teksir-logo .brand-text strong{
  font-family:'Inter',system-ui,sans-serif;
  font-size:1.32rem;
  font-weight:900;
  letter-spacing:-.045em;
  color:#111318;
}
.teksir-logo .brand-text small{
  font-family:'Inter',system-ui,sans-serif;
  font-size:1.02rem;
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--brand);
  text-transform:none;
}
@media(max-width:991px){
  .teksir-logo .brand-icon{width:44px;height:44px;font-size:1.82rem}
  .teksir-logo .brand-text strong{font-size:1.2rem}
  .teksir-logo .brand-text small{font-size:.94rem}
}


/* Kartlara opsiyonel panel görseli ve farklı ikon sistemi */
.feature-card{display:flex;flex-direction:column}
.feature-card .icon{background:#fff;border:1px solid #f0c2c5;box-shadow:0 12px 24px rgba(215,25,32,.08)}
.card-visual{margin-top:20px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff7f7}
.card-visual img{display:block;width:100%;height:150px;object-fit:cover}
.module-box{align-content:start;text-align:left;min-height:126px;gap:8px;overflow:hidden}
.module-box strong{display:block;font-weight:850;line-height:1.25}
.module-box p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}
.module-visual{margin-top:12px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff7f7;width:100%}
.module-visual img{display:block;width:100%;height:110px;object-fit:cover}


/* Panelden degistirilebilir SVG logo ve daha yuksek header/sidebar alani */
.mainbar .container{padding-top:18px!important;padding-bottom:18px!important;min-height:86px}
.teksir-logo{min-width:205px;text-decoration:none}
.teksir-logo .site-logo-svg{display:block;width:auto;max-width:240px;height:62px;object-fit:contain}
.teksir-logo .brand-icon{width:58px;height:58px;font-size:2.34rem;border-radius:10px}
.teksir-logo .brand-text strong{font-size:1.48rem}
.teksir-logo .brand-text small{font-size:1.14rem}
.header-menu{align-items:center}
@media(max-width:991px){
  .mainbar .container{min-height:78px;padding-top:14px!important;padding-bottom:14px!important}
  .teksir-logo{min-width:0}
  .teksir-logo .site-logo-svg{max-width:205px;height:54px}
  .teksir-logo .brand-icon{width:50px;height:50px;font-size:2rem}
  .teksir-logo .brand-text strong{font-size:1.26rem}
  .teksir-logo .brand-text small{font-size:.98rem}
}
@media(max-width:575px){.teksir-logo .site-logo-svg{max-width:180px;height:48px}}

/* 2026: Panelden yonetilen ana sayfa hero kartlari */
.hero-slider{min-height:calc(100vh - 124px);display:flex;align-items:stretch;background:linear-gradient(135deg,#fff 0,#fff7f7 48%,#ffe5e7 100%)}
.hero-slider-container{position:relative;display:flex;align-items:center;min-height:calc(100vh - 124px);padding-top:30px;padding-bottom:30px}
.hero-stage{position:relative;width:100%;min-height:calc(100vh - 190px)}
.hero-card-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);gap:56px;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease,visibility .55s ease}
.hero-card-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.hero-card-slide.image-left .hero-copy{order:2}.hero-card-slide.image-left .hero-media{order:1}
.hero-card-slide.no-image{grid-template-columns:minmax(0,900px);justify-content:center;text-align:center}.hero-card-slide.no-image .hero-buttons,.hero-card-slide.no-image .stats{justify-content:center}.hero-card-slide.no-image .stats{max-width:620px;margin-left:auto;margin-right:auto}
.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(2.6rem,5vw,5.2rem);letter-spacing:-.06em}.hero-copy .lead{font-size:clamp(1.05rem,1.4vw,1.28rem);max-width:680px}
.hero-media-frame{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 28px 80px rgba(143,17,23,.15);padding:12px;overflow:hidden}.hero-media-frame img{display:block;width:100%;height:min(56vh,520px);object-fit:cover;border-radius:8px}
.hero-slider-controls{position:absolute;left:12px;bottom:24px;display:flex;gap:9px;z-index:4}.hero-dot{width:34px;height:5px;border:0;border-radius:99px;background:#f2c2c5;transition:.25s ease}.hero-dot.is-active{width:54px;background:var(--brand)}
@media(max-width:991px){.hero-slider,.hero-slider-container{min-height:auto}.hero-stage{min-height:760px}.hero-card-slide{grid-template-columns:1fr;gap:26px}.hero-card-slide.image-left .hero-copy,.hero-card-slide.image-left .hero-media{order:initial}.hero-media-frame img{height:300px}.hero-slider-controls{position:relative;left:auto;bottom:auto;margin-top:20px}.hero-copy h1{font-size:2.55rem}}
@media(max-width:575px){.hero-stage{min-height:820px}.hero-copy h1{font-size:2.2rem}.hero-media-frame img{height:230px}}

/* 2026: Hero kart görsel başlığı ve boş alan gizleme */
.hero-media-caption{padding:8px 8px 14px}
.hero-media-caption span{display:inline-block;background:var(--brand);color:#fff;border-radius:5px;padding:7px 11px;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.hero-media-caption strong{display:block;color:var(--dark);font-size:clamp(1.28rem,2vw,2rem);font-weight:900;line-height:1.08;letter-spacing:-.04em}
.hero-card-slide.no-image .hero-copy:empty{display:none}

/* 2026-06: Net, golgesiz ve premium SaaS gorunum guncellemesi */
:root{
  --brand:#e30613;
  --brand-dark:#c90011;
  --brand-soft:#fff1f2;
  --dark:#111827;
  --muted:#6b7280;
  --line:#f0d7da;
}
html,body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
*,*::before,*::after{
  text-shadow:none!important;
}
.hero-title,.hero-copy h1,.section-title h2,.feature-card h5,.blog-card h5,.price-card h3,.module-box,.brand-text strong,h1,h2,h3,h4,h5,h6{
  text-shadow:none!important;
  filter:none!important;
  color:var(--dark);
}
p,.lead,.hero-copy .lead,.feature-card p,.blog-card p,.stats span,.login-lead,.login-benefits span{
  text-shadow:none!important;
  filter:none!important;
  color:var(--muted);
}
.mainbar,.site-overlay,.login-box{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.reveal-down,.reveal-down.is-visible,.hero-card-slide,.hero-card-slide.is-active{
  filter:none!important;
}
.topbar,.browser-top{
  background:var(--brand)!important;
}
.navbar,.site-header{
  box-shadow:0 8px 24px rgba(17,24,39,.045)!important;
}
.brand-icon{
  background:var(--brand)!important;
  box-shadow:none!important;
}
.btn{
  border-radius:6px!important;
  box-shadow:none!important;
  letter-spacing:-.01em;
}
.btn-primary{
  background:var(--brand)!important;
  border-color:var(--brand)!important;
}
.btn-primary:hover{
  background:var(--brand-dark)!important;
  border-color:var(--brand-dark)!important;
}
.btn-login{
  background:#fff!important;
  color:var(--brand)!important;
  border-color:#f0bec1!important;
  box-shadow:none!important;
}
.feature-card,.price-card,.blog-card,.contact-form,.module-box,.login-benefits div,.login-box,.browser-card,.hero-media-frame{
  box-shadow:0 8px 30px rgba(17,24,39,.055)!important;
}
.feature-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(17,24,39,.08)!important;
}
.hero-slider{
  background:linear-gradient(135deg,#ffffff 0%,#fff8f8 52%,#fff1f2 100%)!important;
}
.hero-slider-container{
  padding-top:44px;
  padding-bottom:44px;
}
.hero-card-slide{
  gap:64px;
}
.hero-copy .eyebrow,.section-title span,.eyebrow{
  color:var(--brand)!important;
  letter-spacing:.09em;
}
.hero-copy h1{
  font-weight:800!important;
  line-height:.98;
  letter-spacing:-.065em;
  margin-bottom:22px;
}
.hero-copy .lead{
  line-height:1.75;
  font-weight:450;
}
.hero-buttons{
  margin-top:28px;
}
.hero-media-frame{
  border-radius:14px;
  padding:14px;
  border:1px solid #f0d7da;
  background:#fff;
}
.hero-media-frame img{
  border-radius:10px;
}
.hero-media-caption span{
  background:var(--brand)!important;
  border-radius:5px;
  box-shadow:none!important;
}
.hero-media-caption strong{
  color:var(--dark)!important;
  text-shadow:none!important;
}
.hero-dot{
  background:#f3c4c7!important;
}
.hero-dot.is-active{
  background:var(--brand)!important;
}
.form-control:focus{
  box-shadow:0 0 0 .2rem rgba(227,6,19,.10)!important;
}


/* 2026-06 FINAL: Apple/Stripe temiz hero ve tamamen golgesiz net yazi sistemi */
html, body, body *{
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}
h1,h2,h3,h4,h5,h6,
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,
.hero-copy h1,.section-title h2,.hero-media-caption strong,
.feature-card h5,.blog-card h5,.price-card h4,.module-box strong,
.nav-link,.main-menu a,.main-menu button,.brand-text strong,.brand-text small{
  text-shadow:none!important;
  filter:none!important;
  color:var(--dark)!important;
}
.cta-red,
.cta-red h1,.cta-red h2,.cta-red h3,.cta-red h4,.cta-red h5,.cta-red h6,
.cta-red p,.cta-red .text-white-50{
  color:#fff!important;
  text-shadow:none!important;
  filter:none!important;
}
.cta-red .text-white-50{opacity:.78!important;}
.js .reveal-down,
.js .reveal-down.is-visible,
.hero-card-slide,
.hero-card-slide.is-active,
.hero-media-frame,
.browser-card,
.login-box,
.mainbar,
.site-overlay{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-slider{
  background:
    radial-gradient(circle at 18% 18%, rgba(227,6,19,.075), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(227,6,19,.055), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fffafa 58%,#fff5f5 100%)!important;
  min-height:calc(100vh - 124px)!important;
}
.hero-slider-container{padding-top:36px!important;padding-bottom:36px!important;}
.hero-stage{min-height:calc(100vh - 184px)!important;}
.hero-card-slide{
  gap:68px!important;
  transform:translateY(18px) scale(.992)!important;
  transition:opacity .52s cubic-bezier(.22,1,.36,1), transform .52s cubic-bezier(.22,1,.36,1), visibility .52s ease!important;
}
.hero-card-slide.is-active{transform:translateY(0) scale(1)!important;}
.hero-copy .badge{
  border-radius:999px!important;
  background:#fff!important;
  color:var(--brand)!important;
  border:1px solid #f2c7ca!important;
  font-weight:850!important;
  letter-spacing:.03em!important;
  padding:9px 14px!important;
}
.hero-copy h1{
  font-weight:900!important;
  letter-spacing:-.07em!important;
  line-height:.96!important;
  color:#111827!important;
  max-width:780px;
}
.hero-copy .lead{
  color:#5f6b7a!important;
  font-weight:450!important;
  line-height:1.72!important;
  max-width:680px;
}
.hero-buttons .btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;font-weight:850!important;}
.hero-media-frame{
  position:relative;
  background:rgba(255,255,255,.96)!important;
  border:1px solid #f0d7da!important;
  border-radius:18px!important;
  box-shadow:0 18px 60px rgba(17,24,39,.075)!important;
  padding:14px!important;
  overflow:hidden!important;
}
.hero-media-frame:before{
  content:'';
  display:block;
  height:42px;
  margin:-14px -14px 14px;
  background:linear-gradient(90deg,#e30613,#ff3b45);
}
.hero-media-frame:after{
  content:'';
  position:absolute;
  left:22px;
  top:16px;
  width:10px;height:10px;border-radius:50%;
  background:#fff;
  box-shadow:18px 0 0 rgba(255,255,255,.72),36px 0 0 rgba(255,255,255,.44);
}
.hero-media-caption{
  padding:2px 4px 14px!important;
}
.hero-media-caption span{
  background:#fff1f2!important;
  border:1px solid #f3c6ca!important;
  color:var(--brand)!important;
  border-radius:999px!important;
  padding:7px 11px!important;
}
.hero-media-caption strong{color:#111827!important;letter-spacing:-.045em!important;}
.hero-media-frame img{
  border-radius:12px!important;
  background:#f9fafb!important;
  object-fit:cover!important;
  box-shadow:none!important;
}
.stats b{color:#111827!important;text-shadow:none!important;}
.stats span{color:#6b7280!important;text-shadow:none!important;}
.feature-card,.price-card,.blog-card,.contact-form,.module-box,.login-benefits div,.login-box,.browser-card{
  box-shadow:0 8px 28px rgba(17,24,39,.045)!important;
}
@media(max-width:991px){
  .hero-stage{min-height:780px!important;}
  .hero-card-slide{gap:28px!important;}
}

/* 2026-06: Hero site iskeleti gorseli geri getirildi ve kart icinde oranli/kucuk gosterim */
.hero-stage{
  overflow:hidden!important;
}
.hero-card-slide.has-image{
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr)!important;
  gap:44px!important;
}
.hero-card-slide.has-image .hero-media{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.hero-card-slide.image-left .hero-media{
  justify-content:flex-start!important;
}
.hero-media-frame{
  width:100%!important;
  max-width:520px!important;
  max-height:calc(100vh - 250px)!important;
  display:flex!important;
  flex-direction:column!important;
}
.hero-media-caption{
  flex:0 0 auto!important;
}
.hero-media-frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:clamp(260px,42vh,430px)!important;
  object-fit:contain!important;
  object-position:center!important;
}
.hero-media-frame:has(img[src$=".svg"]) img,
.hero-media-frame img[src*="site-iskeleti"]{
  background:#fff!important;
  padding:6px!important;
}
.hero-copy h1,
.hero-copy .lead,
.section-title h2,
.feature-card h5,
.blog-card h5,
.module-box strong,
.price-card h4,
.hero-media-caption strong{
  text-shadow:none!important;
  filter:none!important;
}
@media(max-width:991px){
  .hero-stage{overflow:visible!important;min-height:760px!important;}
  .hero-card-slide.has-image{grid-template-columns:1fr!important;gap:24px!important;}
  .hero-card-slide.has-image .hero-media{justify-content:center!important;}
  .hero-media-frame{max-width:520px!important;max-height:none!important;margin:0 auto!important;}
  .hero-media-frame img{max-height:280px!important;}
}
@media(max-width:575px){
  .hero-stage{min-height:820px!important;}
  .hero-media-frame{max-width:100%!important;padding:10px!important;}
  .hero-media-frame:before{height:34px!important;margin:-10px -10px 10px!important;}
  .hero-media-frame:after{top:12px!important;left:18px!important;width:8px!important;height:8px!important;box-shadow:15px 0 0 rgba(255,255,255,.72),30px 0 0 rgba(255,255,255,.44)!important;}
  .hero-media-frame img{max-height:220px!important;}
}

/* 2026-06: Esit yukseklikli tasarim bloklari ve daha net SSS kartlari */
#moduller .row{
  align-items:stretch;
}
#moduller .row > [class*="col-"]{
  display:flex;
}
#moduller .module-box{
  width:100%;
  height:100%;
  min-height:220px;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  text-align:left;
  gap:10px;
  padding:24px;
}
#moduller .module-box strong{
  min-height:48px;
}
#moduller .module-box p{
  flex:1 1 auto;
}
#moduller .module-visual{
  margin-top:auto;
}
#moduller .module-visual img{
  height:118px;
  object-fit:cover;
}
#sss .accordion{
  display:grid;
  gap:12px;
}
#sss .accordion-item{
  border:1px solid rgba(227,6,19,.18)!important;
  border-radius:10px!important;
  overflow:hidden;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 22px rgba(17,24,39,.035);
}
#sss .accordion-button{
  background:#fff;
  color:#111827;
  font-weight:800;
  border-radius:0!important;
  box-shadow:none!important;
}
#sss .accordion-button:not(.collapsed){
  background:rgba(227,6,19,.055)!important;
  color:var(--brand-dark)!important;
  border-bottom:1px solid rgba(227,6,19,.14);
}
#sss .accordion-body{
  background:#fff;
  color:#6b7280;
  border-top:0;
}
@media(max-width:575px){
  #moduller .module-box{min-height:auto;}
  #moduller .module-box strong{min-height:0;}
}

/* Profesyonel tek renk kırmızı özellik ikonları */
.feature-card .icon,
.feature-card .feature-icon{
    color: var(--brand) !important;
}
.feature-card .icon svg,
.feature-card .feature-icon svg{
    width: 28px;
    height: 28px;
    display: block;
    stroke: var(--brand) !important;
    fill: none !important;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.feature-card .icon svg *,
.feature-card .feature-icon svg *{
    stroke: var(--brand) !important;
    fill: none !important;
}

/* 2026-06 Mobil menu: masaustu menuden ayrilmis profesyonel offcanvas */
.mobile-menu-backdrop,
.mobile-menu-panel{display:none}
@media(max-width:991px){
  body.mobile-menu-open{overflow:hidden}
  .desktop-menu{display:none!important}
  .mobile-menu-toggle{
    display:inline-grid!important;
    grid-template-columns:auto 22px;
    gap:3px 10px;
    align-items:center;
    border:1px solid var(--line);
    background:#fff;
    color:var(--dark);
    border-radius:8px;
    padding:10px 12px 10px 14px;
    font-weight:850;
    box-shadow:0 8px 22px rgba(17,24,39,.05);
  }
  .mobile-menu-toggle span{grid-row:1/4;font-size:.92rem;letter-spacing:-.01em}
  .mobile-menu-toggle i{display:block;width:22px;height:2px;background:currentColor;border-radius:99px;transition:.22s ease}
  .mobile-menu-toggle.is-active{background:var(--brand);border-color:var(--brand);color:#fff}
  .mobile-menu-toggle.is-active i:nth-of-type(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-toggle.is-active i:nth-of-type(2){opacity:0}
  .mobile-menu-toggle.is-active i:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-menu-backdrop{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(17,24,39,.48);
    opacity:0;
    visibility:hidden;
    z-index:1050;
    transition:.24s ease;
  }
  .mobile-menu-backdrop.is-active{opacity:1;visibility:visible}
  .mobile-menu-panel{
    display:flex;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(420px,92vw);
    background:#fff;
    z-index:1060;
    transform:translateX(104%);
    transition:transform .32s cubic-bezier(.22,1,.36,1);
    flex-direction:column;
    box-shadow:-26px 0 70px rgba(17,24,39,.18);
    border-left:1px solid rgba(227,6,19,.12);
  }
  .mobile-menu-panel.is-open{transform:translateX(0)}
  .mobile-menu-head{
    min-height:92px;
    padding:20px 20px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid var(--line);
    background:linear-gradient(180deg,#fff 0%,#fff7f7 100%);
  }
  .mobile-panel-logo .brand-icon{width:50px;height:50px;font-size:2rem}
  .mobile-panel-logo .brand-text strong{font-size:1.22rem}
  .mobile-panel-logo .brand-text small{font-size:.96rem}
  .mobile-menu-close{
    width:42px;
    height:42px;
    border:1px solid var(--line);
    border-radius:8px;
    background:#fff;
    color:var(--dark);
    font-size:30px;
    line-height:1;
    display:grid;
    place-items:center;
    transition:.18s ease;
  }
  .mobile-menu-close:hover{background:var(--brand);border-color:var(--brand);color:#fff}
  .mobile-menu-nav{
    padding:18px;
    display:grid;
    gap:10px;
    overflow:auto;
  }
  .mobile-menu-nav a,
  .mobile-menu-nav summary{
    text-decoration:none;
    color:var(--dark);
    border:1px solid rgba(227,6,19,.13);
    background:#fff;
    border-radius:10px;
    padding:14px 15px;
    font-weight:850;
    min-height:58px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:2px;
    box-shadow:0 8px 24px rgba(17,24,39,.035);
    list-style:none;
    cursor:pointer;
  }
  .mobile-menu-nav summary::-webkit-details-marker{display:none}
  .mobile-menu-nav a small{font-size:.78rem;color:var(--muted);font-weight:650}
  .mobile-menu-nav a:hover,
  .mobile-menu-nav summary:hover{border-color:rgba(227,6,19,.32);background:#fff8f8;color:var(--brand)}
  .mobile-menu-nav details[open] summary{background:var(--brand);border-color:var(--brand);color:#fff}
  .mobile-submenu{
    margin:9px 0 2px 12px;
    padding-left:12px;
    border-left:2px solid rgba(227,6,19,.22);
    display:grid;
    gap:7px;
  }
  .mobile-submenu a{
    min-height:auto;
    padding:11px 13px;
    border-radius:8px;
    font-size:.93rem;
    box-shadow:none;
  }
  .mobile-menu-actions{
    margin-top:auto;
    padding:16px 18px 20px;
    display:grid;
    gap:10px;
    border-top:1px solid var(--line);
    background:#fff;
  }
  .mobile-menu-actions .btn{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .mobile-menu-actions .btn-login{border:1px solid rgba(227,6,19,.25)!important;background:#fff!important;color:var(--brand)!important}
}
@media(max-width:420px){
  .mobile-menu-head{padding-left:16px;padding-right:16px}
  .mobile-menu-nav{padding:14px}
  .mobile-menu-actions{padding-left:14px;padding-right:14px}
  .mobile-panel-logo .brand-text strong{font-size:1.1rem}
  .mobile-panel-logo .brand-text small{font-size:.88rem}
}


/* Customer account and support system */
.account-page{background:#f7f8fb;min-height:70vh}.account-shell{display:grid;grid-template-columns:280px 1fr;gap:24px}.account-menu,.account-card,.account-content{background:#fff;border:1px solid rgba(227,6,19,.10);box-shadow:0 14px 40px rgba(15,23,42,.05);border-radius:14px}.account-menu{padding:18px;height:max-content;position:sticky;top:110px}.account-user{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(15,23,42,.08);margin-bottom:12px}.account-avatar{width:44px;height:44px;border-radius:10px;background:#e30613;color:#fff;display:grid;place-items:center;font-weight:800}.account-user span{display:block;color:#6b7280;font-size:13px}.account-menu a{display:block;padding:12px 13px;color:#111827;text-decoration:none;border-radius:8px;font-weight:650}.account-menu a:hover,.account-menu a.active{background:rgba(227,6,19,.08);color:#e30613}.account-content{padding:28px}.account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.account-head h1{font-weight:800;letter-spacing:-.04em;margin:6px 0}.account-head p{color:#6b7280;margin:0}.account-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.account-card{padding:22px}.account-card h3,.account-card h4{font-weight:800;letter-spacing:-.03em}.ticket-row{display:block;padding:14px 0;border-bottom:1px solid rgba(15,23,42,.08);text-decoration:none;color:#111827}.ticket-row strong{display:block}.ticket-row span,.ticket-meta{color:#6b7280;font-size:13px}.ticket-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.ticket-meta span{border:1px solid rgba(227,6,19,.16);border-radius:99px;padding:5px 10px;background:rgba(227,6,19,.04)}.support-reply{border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:14px;margin-top:12px;background:#fff}.support-reply.admin{border-color:rgba(227,6,19,.18);background:rgba(227,6,19,.035)}.support-reply b{display:block}.support-reply small{color:#6b7280}.support-reply p{margin:8px 0}.cardx .support-reply{box-shadow:none}@media(max-width:991px){.account-shell{grid-template-columns:1fr}.account-menu{position:static}.account-grid{grid-template-columns:1fr}.account-head{display:block}.account-head .btn{margin-top:12px}}