.tbsub2{ position:relative; overflow:hidden; background:var(--bg);
--sb-acc:#475569; --sb-acc-soft:#64748b; --sb-acc-deep:#334155; --sb-pulse:rgba(100,116,139,.40); --sb-glass-bd:rgba(30,41,59,.10); }
html.dark .tbsub2{ --sb-acc:#e07cba; --sb-acc-soft:#b8478f; --sb-acc-deep:#6d1f55; --sb-pulse:rgba(184,71,143,.55); --sb-glass-bd:rgba(255,255,255,.10); }
.tbsub2 .tb2-inner{ position:relative; z-index:4; width:100%; }
.sbst-overlay .tb2-inner{ will-change:transform, opacity; }
.tbsub2-bc{ position:relative; display:inline-flex; align-items:center; gap:.5rem; flex-wrap:wrap; padding:.5rem 1rem; border-radius:12px;
background:var(--glass-bg); border:1px solid var(--glass-border);
backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
box-shadow:var(--glass-shadow);
font-size:.75rem; color:var(--text-soft); }
.tbsub2-bc::after{ content:""; position:absolute; left:14%; right:14%; bottom:-1px; height:1px; background:var(--hairline-grad); opacity:.45; pointer-events:none; }
.tbsub2-bc a{ color:var(--text-soft); text-decoration:none; transition:color .2s; } .tbsub2-bc a:hover{ color:var(--sb-acc-soft); }
.tbsub2-bc i{ font-size:9px; opacity:.5; } .tbsub2-bc .cur{ color:var(--text); font-weight:400; }
.tbsub2-eyebrow{ display:inline-flex; align-items:center; gap:.55rem; margin-top:1.1rem; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--sb-acc-soft); font-weight:600; }
.tbsub2-eyebrow .d{ width:7px; height:7px; border-radius:50%; background:var(--sb-acc-soft); box-shadow:0 0 0 0 var(--sb-pulse); animation:tb2pulse 2.4s infinite; }
@keyframes tb2pulse{ 0%{ box-shadow:0 0 0 0 var(--sb-pulse);} 70%{ box-shadow:0 0 0 8px transparent;} 100%{ box-shadow:0 0 0 0 transparent;} }
.tbsub2-title{ font-size:clamp(2rem,4.4vw,3.3rem); font-weight:700; line-height:1.07; letter-spacing:-.02em; margin-top:.8rem; color:var(--text); max-width:24ch; }
.tbsub2-lead{ margin-top:1rem; font-size:clamp(1rem,1.6vw,1.18rem); line-height:1.7; font-weight:300; color:var(--text-soft); max-width:60ch; }
.tbsub2-meta{ display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap; margin-top:1.2rem; font-size:.84rem; color:var(--text-soft); }
.tbsub2-meta i{ color:var(--sb-acc-soft); margin-right:.4rem; }
.tbsub2-rule{ display:block; height:3px; width:84px; margin-top:1.3rem; border-radius:2px; background:linear-gradient(90deg,var(--sb-acc-deep),var(--sb-acc-soft)); transform-origin:left; animation:tb2draw .8s cubic-bezier(.6,0,.2,1) .35s both; }
@keyframes tb2draw{ from{ transform:scaleX(0);} to{ transform:scaleX(1);} }
.tbsub2 .tb2-ru{ opacity:0; transform:translateY(18px); animation:tb2ru .7s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes tb2ru{ to{ opacity:1; transform:none;} }
@media (prefers-reduced-motion: reduce){ .tbsub2 *{ animation:none !important; } .tbsub2 .tb2-ru{ opacity:1; transform:none; } }
.sbst-minimal{ padding:8rem 0 3rem; }
.sbst-overlay{ padding:0; min-height:clamp(400px,54vh,560px); display:flex; align-items:center; }
.sbst-overlay .tb2-cover{ position:absolute; inset:-34% 0; z-index:0; will-change:transform; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.sbst-overlay .tb2-cover img{ width:100%; height:100%; object-fit:cover; will-change:transform; animation:tb2kb 26s ease-in-out infinite alternate; }
@keyframes tb2kb{ from{ transform:scale(1.06);} to{ transform:scale(1.13) translate(-1.4%,-1.1%);} }
@media (prefers-reduced-motion: reduce){ .sbst-overlay .tb2-cover img{ animation:none; } }
.sbst-overlay .tb2-top{ position:absolute; inset:0 0 auto 0; height:170px; z-index:1; background:linear-gradient(180deg, var(--bg) 0%, transparent 100%); opacity:.92; }
.sbst-overlay .tb2-bottom{ position:absolute; inset:auto 0 0 0; height:78%; z-index:1; background:linear-gradient(0deg, var(--bg) 12%, rgba(0,0,0,0) 92%); }
.sbst-overlay .tb2-inner{ padding-top:4.5rem; padding-bottom:1rem; }
.sbst-split{ padding:8rem 0 3rem; }
.sbst-split .tb2-grid{ display:grid; grid-template-columns:1fr; gap:2rem; align-items:center; }
@media(min-width:920px){ .sbst-split .tb2-grid{ grid-template-columns:1.2fr .85fr; gap:3rem; } }
.sbst-split .tb2-frame{ border-radius:20px; overflow:hidden; aspect-ratio:4/3; border:1px solid var(--sb-glass-bd); }
.sbst-split .tb2-frame img{ width:100%; height:100%; object-fit:cover; }
.sbst-strip{ padding:7rem 0 .7rem; }
.sbst-aurora, .sbst-kinetic, .sbst-sade{ min-height:clamp(300px,34vh,400px); display:flex; align-items:flex-end; padding:0; }
.sbst-aurora .tb2-inner, .sbst-kinetic .tb2-inner, .sbst-sade .tb2-inner{ padding-top:4.5rem; padding-bottom:3.6rem; }
.sbst-aurora .tb2-aura{ position:absolute; inset:-45%; z-index:0; pointer-events:none; opacity:.72; }
html.dark .sbst-aurora .tb2-aura{ opacity:1; }
.sbst-aurora .tb2-aura span{ position:absolute; inset:0; will-change:transform; }
.sbst-aurora .a1{ background:radial-gradient(42% 52% at 28% 40%, rgba(71,85,105,.34), transparent 62%); animation:tb2drift1 12s ease-in-out infinite; }
.sbst-aurora .a2{ background:radial-gradient(40% 50% at 72% 56%, rgba(100,116,139,.26), transparent 62%); animation:tb2drift2 15s ease-in-out infinite; }
html.dark .sbst-aurora .a1{ background:radial-gradient(42% 52% at 28% 40%, rgba(142,42,111,.66), transparent 62%); }
html.dark .sbst-aurora .a2{ background:radial-gradient(40% 50% at 72% 56%, rgba(184,71,143,.56), transparent 62%); }
html:not(.dark) .sbst-aurora.lac-1 .a1{ background:radial-gradient(42% 52% at 28% 40%, rgba(142,42,111,.44), transparent 62%); }
html:not(.dark) .sbst-aurora.lac-1 .a2{ background:radial-gradient(40% 50% at 72% 56%, rgba(184,71,143,.34), transparent 62%); }
html:not(.dark) .sbst-aurora.lac-2 .a1{ background:radial-gradient(40% 50% at 28% 40%, rgba(53,58,53,.26), transparent 60%); }
html:not(.dark) .sbst-aurora.lac-2 .a2{ background:radial-gradient(38% 48% at 72% 56%, rgba(53,58,53,.18), transparent 60%); }
html:not(.dark) .sbst-aurora.lac-3 .a1{ background:radial-gradient(40% 50% at 28% 40%, rgba(142,42,111,.28), transparent 60%); }
html:not(.dark) .sbst-aurora.lac-3 .a2{ background:radial-gradient(38% 48% at 72% 56%, rgba(53,58,53,.20), transparent 60%); }
@keyframes tb2drift1{ 0%{ transform:translate(-12%,-7%) scale(1);} 50%{ transform:translate(33%,23%) scale(1.26);} 100%{ transform:translate(-12%,-7%) scale(1);} }
@keyframes tb2drift2{ 0%{ transform:translate(14%,9%) scale(1.14) rotate(0deg);} 50%{ transform:translate(-31%,-19%) scale(1) rotate(16deg);} 100%{ transform:translate(14%,9%) scale(1.14) rotate(0deg);} }
.sbst-aurora .aur-fade{ position:absolute; left:0; right:0; bottom:0; height:50%; z-index:1; pointer-events:none; background:linear-gradient(0deg, var(--bg) 3%, transparent 98%); }
.sbst-aurora .aur-fade-top{ position:absolute; left:0; right:0; top:0; height:42%; z-index:1; pointer-events:none; background:linear-gradient(180deg, var(--bg) 6%, transparent 100%); }
.sbst-aurora[class*="sep-"] + section{ position:relative; }
.sbst-aurora.sep-2 .aur-fade{ opacity:.35; }
.sbst-aurora.sep-2 + section{ z-index:5; margin-top:-1rem; border-radius:1.4rem 1.4rem 0 0; background:var(--bg) !important; box-shadow:0 -16px 38px -22px rgba(0,0,0,.55); }
.sbst-aurora.sep-3 + section::before{ content:''; position:absolute; top:-34px; left:0; right:0; height:35px; background:var(--bg);
-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat bottom/100% 35px;
mask:url("data:image/svg+xml;utf8,") no-repeat bottom/100% 35px; }
.sbst-aurora.sep-4{ clip-path:polygon(0 0, 100% 0, 100% calc(100% - 30px), 0 100%); }
.sbst-aurora.sep-4 .aur-fade{ opacity:.5; }
.sbst-aurora.sep-5 .aur-fade{ opacity:.4; }
.sbst-aurora.sep-5 + section{ margin-top:-16px; z-index:5; border-radius:50% 50% 0 0/26px 26px 0 0; background:var(--bg) !important; }
.sbst-aurora.sep-6 + section{ box-shadow:inset 0 12px 24px -12px rgba(0,0,0,.65); }
.sbst-aurora.sep-7 + section::before{ content:''; position:absolute; top:-9px; left:8%; right:8%; height:16px; border-radius:50%;
background:radial-gradient(ellipse, rgba(184,71,143,.55), transparent 72%); filter:blur(8px); pointer-events:none; }
html:not(.dark) .sbst-aurora.sep-7 + section::before{ background:radial-gradient(ellipse, rgba(142,42,111,.30), transparent 72%); }
.sbst-aurora.sep-8 + section::before{ content:''; position:absolute; top:0; left:0; right:0; height:5px; pointer-events:none;
background:rgba(255,255,255,.10); -webkit-backdrop-filter:blur(10px) saturate(160%); backdrop-filter:blur(10px) saturate(160%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.22); }
.sbst-aurora.sep-9 + section{ background:linear-gradient(180deg, rgba(142,42,111,.10) 0%, transparent 70px), var(--bg) !important; }
html:not(.dark) .sbst-aurora.sep-9 + section{ background:linear-gradient(180deg, rgba(142,42,111,.07) 0%, transparent 70px), var(--bg) !important; }
.sbst-aurora.sep-10 .aur-fade{ opacity:.5; }
.sbst-aurora.sep-10::after{ content:''; position:absolute; inset:0; z-index:2; pointer-events:none; box-shadow:inset 0 -46px 46px -28px var(--bg), inset 0 0 70px -16px rgba(0,0,0,.45); }
.sbst-aurora .aur-flow{ position:absolute; inset:-10%; z-index:0; pointer-events:none; background-size:200% 200%; animation:auroraFlow 10s ease-in-out infinite; will-change:background-position; }
@keyframes auroraFlow{ 0%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } 100%{ background-position:0% 50%; } }
.sbst-aurora.lac-1 .aur-flow{ background-image:linear-gradient(120deg, rgba(142,42,111,.36) 0%, rgba(184,71,143,.20) 26%, transparent 50%, rgba(53,58,53,.22) 74%, rgba(142,42,111,.30) 100%); }
.sbst-aurora.lac-2 .aur-flow{ background-image:linear-gradient(120deg, rgba(53,58,53,.20) 0%, rgba(53,58,53,.10) 30%, transparent 54%, rgba(53,58,53,.12) 76%, rgba(53,58,53,.18) 100%); }
.sbst-aurora.lac-3 .aur-flow{ background-image:linear-gradient(120deg, rgba(142,42,111,.22) 0%, transparent 34%, rgba(53,58,53,.16) 58%, rgba(142,42,111,.16) 100%); }
html.dark .sbst-aurora .aur-flow{ background-image:linear-gradient(120deg, rgba(142,42,111,.55) 0%, rgba(184,71,143,.32) 26%, transparent 48%, rgba(53,58,53,.34) 72%, rgba(142,42,111,.48) 100%); }
@media (prefers-reduced-motion: reduce){ .sbst-aurora .aur-flow{ animation:none; } }
.sbst-aurora .aur-spot, .sbst-aurora .aur-conic{ display:none; }
.sbst-aurora.fx-2 .aur-flow{ display:none; } .sbst-aurora.fx-2 .aur-spot{ display:block; }
.sbst-aurora.fx-3 .aur-flow{ display:none; } .sbst-aurora.fx-3 .aur-conic{ display:block; }
.sbst-aurora .aur-spot{ position:absolute; inset:0; z-index:0; pointer-events:none; transition:background .25s ease-out;
background:radial-gradient(circle 360px at var(--sx,50%) var(--sy,34%), rgba(53,58,53,.13), transparent 68%); }
.sbst-aurora.lac-1 .aur-spot{ background:radial-gradient(circle 360px at var(--sx,50%) var(--sy,34%), rgba(142,42,111,.13), transparent 68%); }
html.dark .sbst-aurora .aur-spot{ background:radial-gradient(circle 420px at var(--sx,50%) var(--sy,34%), rgba(142,42,111,.34), rgba(184,71,143,.12) 42%, transparent 70%); }
.sbst-aurora .aur-conic{ position:absolute; inset:-30% 0; z-index:0; pointer-events:none; will-change:transform; animation:auroraSpin 30s linear infinite;
background:conic-gradient(from 0deg at 50% 40%, transparent 0deg, rgba(53,58,53,.12) 70deg, transparent 150deg, rgba(53,58,53,.10) 250deg, transparent 330deg);
-webkit-mask:radial-gradient(72% 72% at 50% 35%, #000, transparent 76%); mask:radial-gradient(72% 72% at 50% 35%, #000, transparent 76%); }
.sbst-aurora.lac-1 .aur-conic{ background:conic-gradient(from 0deg at 50% 40%, transparent 0deg, rgba(142,42,111,.13) 70deg, transparent 150deg, rgba(53,58,53,.10) 250deg, transparent 330deg); }
html.dark .sbst-aurora .aur-conic{ background:conic-gradient(from 0deg at 50% 40%, transparent 0deg, rgba(142,42,111,.40) 60deg, transparent 140deg, rgba(184,71,143,.26) 240deg, transparent 320deg); }
@keyframes auroraSpin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){ .sbst-aurora .aur-conic{ animation:none; } }
.sbst-aurora.abg-1 .tb2-aura{ opacity:.9; }
html.dark .sbst-aurora.abg-1 .tb2-aura{ opacity:1; }
.sbst-aurora.abg-1.lac-1{ background:radial-gradient(135% 100% at 50% -14%, rgba(142,42,111,.14), transparent 56%), linear-gradient(180deg, #ecd8e5 0%, #ece1e8 44%, var(--bg) 86%); }
.sbst-aurora.abg-1.lac-2{ background:radial-gradient(135% 100% at 50% -14%, rgba(53,58,53,.16), transparent 56%), linear-gradient(180deg, #dce1db 0%, #e6e9e3 44%, var(--bg) 86%); }
.sbst-aurora.abg-1.lac-3{ background:radial-gradient(120% 70% at 22% -10%, rgba(142,42,111,.16), transparent 52%), radial-gradient(120% 70% at 80% 8%, rgba(53,58,53,.14), transparent 54%), linear-gradient(180deg, #e9dae2 0%, #e3e6df 50%, var(--bg) 88%); }
html.dark .sbst-aurora.abg-1{ background:radial-gradient(120% 88% at 50% -8%, rgba(142,42,111,.24), transparent 62%), var(--bg); }
.sbst-aurora.abg-2 .tb2-aura{ opacity:.4; }
html.dark .sbst-aurora.abg-2 .tb2-aura{ opacity:.5; }
.sbst-aurora.abg-2{ background:var(--bg); }
.sbst-aurora.abg-3{ background:linear-gradient(180deg, #efe7d8 0%, var(--bg) 92%); }
html.dark .sbst-aurora.abg-3{ background:linear-gradient(180deg, #18102a 0%, var(--bg) 92%); }
.sbst-kinetic .tb2-dot{ position:absolute; inset:-30px; z-index:0; opacity:.5; will-change:transform;
background-image:radial-gradient(rgba(30,41,59,.10) 1px, transparent 1px); background-size:28px 28px; animation:tb2grid 6s linear infinite; }
html.dark .sbst-kinetic .tb2-dot{ background-image:radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px); }
@keyframes tb2grid{ to{ transform:translate(28px,14px);} }
.sbst-kinetic .tb2-ghost{ position:absolute; right:2%; top:50%; transform:translateY(-50%); z-index:0; font-weight:700; font-size:clamp(7rem,18vw,15rem); line-height:.78;
color:transparent; -webkit-text-stroke:1.5px rgba(30,41,59,.10); opacity:.7; user-select:none; letter-spacing:-.04em; pointer-events:none; }
html.dark .sbst-kinetic .tb2-ghost{ -webkit-text-stroke-color:rgba(255,255,255,.12); }
.tbsub2-chips{ display:flex; gap:.55rem; flex-wrap:wrap; margin-top:1.5rem; }
.tbsub2-chip{ display:inline-flex; align-items:center; gap:.45rem; font-size:.8rem; padding:.45rem .95rem; border-radius:999px;
background:var(--glass-bg,rgba(255,255,255,.5)); border:1px solid var(--sb-glass-bd); color:var(--text-soft); text-decoration:none; transition:.2s; }
.tbsub2-chip:hover{ color:var(--sb-acc-soft); border-color:var(--sb-acc-soft); }
.tbsub2-chip.on{ background:var(--sb-acc-deep); color:#fff; border-color:transparent; font-weight:600; }
.tbsub2-chip b{ opacity:.65; font-weight:500; }
html.dark .toc-card {
background: var(--glass-bg, #1f2937) !important;
border-color: var(--glass-border, rgba(255, 255, 255, .08)) !important;
}
html.dark .toc-card-header {
border-bottom-color: var(--glass-border, rgba(255, 255, 255, .08)) !important;
}
.toc-link {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.5rem 0.75rem;
border-radius: 0.5rem;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.toc-dot {
flex-shrink: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #94a3b8;
transition: background-color 0.2s ease;
}
html.dark .toc-dot {
background-color: #64748b;
}
.toc-text {
flex: 1;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.5;
color: #64748b;
transition: color 0.2s ease;
}
html.dark .toc-text {
color: #94a3b8;
}
.toc-link:hover {
background-color: #f1f5f9;
}
.toc-link:hover .toc-dot {
background-color: #3b82f6;
}
.toc-link:hover .toc-text {
color: #3b82f6;
}
html.dark .toc-link:hover {
background-color: #1e293b;
}
html.dark .toc-link:hover .toc-dot {
background-color: #60a5fa;
}
html.dark .toc-link:hover .toc-text {
color: #60a5fa;
}
.toc-link[data-active="true"] {
background-color: #eff6ff;
}
.toc-link[data-active="true"] .toc-dot {
background-color: #3b82f6;
}
.toc-link[data-active="true"] .toc-text {
color: #1e40af;
font-weight: 600;
}
html.dark .toc-link[data-active="true"] {
background-color: #1e3a5f;
}
html.dark .toc-link[data-active="true"] .toc-dot {
background-color: #60a5fa;
}
html.dark .toc-link[data-active="true"] .toc-text {
color: #93c5fd;
font-weight: 600;
}
.toc-level-0 .toc-text {
font-weight: 600;
}
.toc-level-1 {
margin-left: 1rem;
}
.toc-level-2 {
margin-left: 2rem;
}
.toc-level-2 .toc-text {
font-size: 0.8125rem;
}
.toc-level-3 {
margin-left: 3rem;
}
.toc-level-3 .toc-text {
font-size: 0.75rem;
}
.toc-children {
margin-top: 0.125rem;
margin-bottom: 0.125rem;
padding-left: 0;
list-style: none;
}
.toc-scroll {
scrollbar-width: thin;
scrollbar-color: rgba(148, 163, 184, 0.3) transparent;
}
.toc-scroll::-webkit-scrollbar {
width: 6px;
}
.toc-scroll::-webkit-scrollbar-track {
background: transparent;
}
.toc-scroll::-webkit-scrollbar-thumb {
background-color: rgba(148, 163, 184, 0.3);
border-radius: 3px;
}
.toc-scroll::-webkit-scrollbar-thumb:hover {
background-color: rgba(148, 163, 184, 0.5);
}
html.dark .toc-scroll {
scrollbar-color: rgba(71, 85, 105, 0.5) transparent;
}
html.dark .toc-scroll::-webkit-scrollbar-thumb {
background-color: rgba(71, 85, 105, 0.5);
}
html.dark .toc-scroll::-webkit-scrollbar-thumb:hover {
background-color: rgba(71, 85, 105, 0.7);
}
@property --bdeg{ syntax:''; initial-value:0deg; inherits:false; }
.gsnk{ position:relative; }
.gsnk::after{ content:''; position:absolute; inset:0; border-radius:inherit; padding:2px; pointer-events:none; z-index:6; filter:drop-shadow(0 0 5px var(--magenta-soft,#b8478f));
background:conic-gradient(from var(--bdeg), transparent 0deg, var(--magenta-soft,#b8478f) 48deg, var(--magenta,#8e2a6f) 88deg, transparent 150deg, transparent 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;
opacity:0; transition:opacity .35s ease; }
.gsnk:hover::after{ opacity:1; animation:bspin 5s linear infinite; }
@keyframes bspin{ to{ --bdeg:360deg; } }
@media(prefers-reduced-motion:reduce){ .gsnk:hover::after{ animation:none; } }
@media (min-width:1024px){
.blog-side-sticky{ position:sticky; top:6rem; align-self:start; }
.blog-contact-sticky{ position:sticky; top:82px; align-self:start; display:flex; flex-direction:column; gap:16px; max-height:calc(100vh - 98px); overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:auto; }
.blog-contact-sticky .be-card{ margin-top:0 !important; margin-bottom:0 !important; }
.blog-contact-sticky > *{ flex:0 0 auto; min-width:0; }
.blog-contact-sticky > .blog-chat-slot{ flex:1 1 auto; min-width:0; min-height:280px; display:flex; }
.blog-chat-slot > .be-card{ flex:1 1 auto; min-width:0; max-width:100%; min-height:0; display:flex; }
.blog-chat-slot > .be-card > div{ flex:1 1 auto; min-width:0; max-width:100%; min-height:0; display:flex; flex-direction:column; }
.blog-contact-sticky .be-msgs{ flex:1 1 auto; min-height:120px !important; max-height:none !important; }
}
.blog-aside-sticky .toc-link{ align-items:flex-start; gap:.5rem; padding:.3rem .55rem; }
.blog-aside-sticky .toc-text{ font-size:.8125rem; line-height:1.4; }
html:not(.dark) .toc-link:not(.active):not(.is-active):not(:hover) .toc-text{ color:#475569; }
.blog-aside-sticky .toc-dot{ margin-top:.42rem; }
.blog-detail-root .prose pre{ background:#0f172a !important; color:#e6e9f0 !important; border:1px solid rgba(148,163,184,.16); }
.blog-detail-root .prose pre code{ color:#e6e9f0 !important; background:transparent !important; }
.blog-detail-root .prose :not(pre) > code{ color:#a21caf; background:rgba(162,28,175,.08); }
.dark .blog-detail-root .prose :not(pre) > code{ color:#e9a8ff; background:rgba(196,168,255,.12); }
.blog-detail-root .fas.fa-heart,
.blog-detail-root .fa-solid.fa-heart,
.blog-detail-root .fas.fa-star,
.blog-detail-root .fa-solid.fa-star { font-weight: 900 !important; }
html.dark .blog-detail-root{ background:#0a0712 !important; }
html.dark .blog-detail-root [class~="dark:bg-gray-900"]{ background:#0e0a1b !important; }
html.dark .blog-detail-root [class~="dark:bg-gray-800"]{ background:var(--glass-bg) !important; -webkit-backdrop-filter:var(--glass-blur) !important; backdrop-filter:var(--glass-blur) !important; border-radius:var(--glass-radius) !important; box-shadow:var(--glass-shadow) !important; }
html.dark .blog-detail-root [class~="dark:bg-gray-700"]{ background:#241734 !important; }
html.dark .blog-detail-root [class~="dark:hover:bg-gray-700"]:hover{ background:#2a1c3c !important; }
html.dark .blog-detail-root [class~="dark:hover:bg-gray-600"]:hover{ background:#33243f !important; }
html.dark .blog-detail-root{ --glass-border:transparent !important; }
html.dark .blog-detail-root [class~="dark:border-gray-700"]{ border-color:transparent !important; }
html.dark .blog-detail-root [class~="dark:border-gray-600"]{ border-color:transparent !important; }
html.dark .blog-detail-root .border-gray-100,
html.dark .blog-detail-root [class~="dark:border-gray-700"]{ border-color:transparent !important; }
html.dark .content-body .brp-card,
html.dark #diger-yazilar .tb-rel-card,
html.dark #sik-sorulan-sorular .gsnk,
html.dark #sik-sorulan-sorular [class~="dark:bg-gray-800"],
html.dark #nasil-yapilir .howto-step-card{ border-color:transparent !important; }
html.dark .blog-detail-root #sik-sorulan-sorular [class~="dark:bg-gray-800"]:hover,
html.dark .blog-detail-root #nasil-yapilir .howto-step-card:hover,
html.dark .blog-detail-root #nasil-yapilir .howto-step.group:hover .howto-step-card,
html.dark .blog-detail-root #diger-yazilar .tb-rel-card:hover,
html.dark .blog-detail-root .content-body .brp-card:hover,
html.dark .blog-detail-root a.gsnk:hover,
html:not(.dark) .blog-detail-root #sik-sorulan-sorular [class~="dark:bg-gray-800"]:hover,
html:not(.dark) .blog-detail-root #nasil-yapilir .howto-step-card:hover,
html:not(.dark) .blog-detail-root #nasil-yapilir .howto-step.group:hover .howto-step-card,
html:not(.dark) .blog-detail-root #diger-yazilar .tb-rel-card:hover,
html:not(.dark) .blog-detail-root .content-body .brp-card:hover,
html:not(.dark) .blog-detail-root a.gsnk:hover{ border-color:transparent !important; box-shadow:none !important; }
html:not(.dark) .blog-detail-root{ background:var(--bg,#eef2f7) !important; }
html:not(.dark) .blog-detail-root [class~="dark:bg-gray-900"]{ background:var(--bg,#eef2f7) !important; }
.blog-detail-root [class~="dark:bg-gray-800"]{ background:var(--glass-bg) !important; -webkit-backdrop-filter:var(--glass-blur) !important; backdrop-filter:var(--glass-blur) !important; border-radius:var(--glass-radius) !important; box-shadow:var(--glass-shadow) !important; }
html:not(.dark) .blog-detail-root [class~="dark:bg-gray-700"]{ background:#e8edf3 !important; }
html:not(.dark) .blog-detail-root [class~="dark:hover:bg-gray-700"]:hover{ background:#dde4ec !important; }
html:not(.dark) .blog-detail-root .bg-gray-100{ background:#e8edf3 !important; }
html:not(.dark) .blog-detail-root .bg-gray-200,
html:not(.dark) .blog-detail-root .hover\:bg-gray-200:hover{ background:#dde4ec !important; }
.blog-detail-root [class~="border-gray-200"],
.blog-detail-root [class~="dark:border-gray-700"]{ border-color:var(--glass-border) !important; }
.blog-detail-root .border-gray-200{ border-color:var(--glass-border) !important; }
html:not(.dark) .blog-detail-root .border-gray-100{ border-color:#efe6d9 !important; }
.heading-anchor {
margin-left: 0.5rem;
opacity: 0;
color: #9e1972;
font-weight: 400;
text-decoration: none;
transition: opacity 0.2s ease;
}
.heading-anchor:focus-visible {
outline: 2px solid rgba(37, 99, 235, 0.6);
outline-offset: 4px;
opacity: 1;
}
h2:hover .heading-anchor,
h3:hover .heading-anchor,
h4:hover .heading-anchor,
h5:hover .heading-anchor,
h6:hover .heading-anchor {
opacity: 1;
}
.rotating-text {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
}
.rotating-text .text-item {
position: absolute;
left: 0;
width: 100%;
opacity: 0;
transform: translateY(30px);
filter: blur(4px);
transition: all 0.5s ease-out;
}
.rotating-text .text-item.active {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
.rotating-text .text-item.exit {
opacity: 0;
transform: translateY(-30px);
filter: blur(4px);
}
.rotating-icon {
position: relative;
}
.rotating-icon .icon-item {
position: absolute;
opacity: 0;
transform: scale(0.5) rotate(-180deg);
transition: all 0.5s ease-out;
}
.rotating-icon .icon-item.active {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.rotating-icon .icon-item.exit {
opacity: 0;
transform: scale(0.5) rotate(180deg);
}
.gradient-text-pro,
.gradient-icon {
background: linear-gradient(90deg, #1e40af, #8e2a6f, #1e40af);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradient-pro 8s ease-in-out infinite;
}
.dark .gradient-text-pro,
.dark .gradient-icon {
background: linear-gradient(90deg, #e872c0, #e9a6cf, #e872c0);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradient-pro 8s ease-in-out infinite;
}
@keyframes gradient-pro {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
@keyframes fadeInOut {
0% { opacity: 0; transform: translateY(-10px); }
10% { opacity: 1; transform: translateY(0); }
90% { opacity: 1; transform: translateY(0); }
100% { opacity: 0; transform: translateY(10px); }
}
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.animate-gradient {
animation: gradient 8s ease infinite;
}
@keyframes shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}
.animate-shimmer {
animation: shimmer 3s ease-in-out infinite;
}
@keyframes bounce-slow {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.animate-bounce-slow {
animation: bounce-slow 2s ease-in-out infinite;
}
html.dark .heading-anchor {
color: #e872c0;
}
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
[x-cloak] {
display: none !important;
}
.prose table {
margin: 2rem 0;
}
.prose th {
padding: 0.75rem;
text-align: left;
font-weight: 600;
color: #181022;
background-color: #f6f0e6;
border-bottom: 1px solid #d1d5db;
}
.prose td {
padding: 0.75rem;
color: #2a1d38;
border-bottom: 1px solid #e7ddd0;
}
html.dark .prose th {
color: #ffffff;
background-color: #2a1d38;
border-bottom-color: #4b5563;
}
html.dark .prose td {
color: #d1d5db;
border-bottom-color: #4b5563;
}
.content-body .blog-tldr{ background:#faf3e7; border:1px solid #e7ddd0; border-left:4px solid var(--accent,#8e2a6f); border-radius:1rem; padding:1.1rem 1.4rem; margin:1.75rem 0; }
html.dark .content-body .blog-tldr{ background:#181022; border-color:#2a1d38; }
.content-body .blog-tldr-title{ display:flex; align-items:center; gap:.5rem; font-weight:700; margin:0 0 .6rem; color:#1c1226; font-size:1.05rem; }
html.dark .content-body .blog-tldr-title{ color:#fff; }
.content-body .blog-tldr-title i, .content-body .blog-tldr i{ color:var(--accent,#8e2a6f); }
.content-body .blog-tldr ul{ margin:0 !important; padding:0 !important; list-style:none !important; }
.content-body .blog-tldr li{ position:relative; padding-left:1.5rem; margin:.4rem 0; }
.content-body .blog-tldr li::before{ content:""; position:absolute; left:.25rem; top:.62em; width:.5rem; height:.5rem; border-radius:99px; background:var(--accent,#8e2a6f); }
.content-body .blog-callout{ display:flex; gap:.75rem; align-items:flex-start; padding:.9rem 1.1rem; border-radius:.85rem; margin:1.5rem 0; background:#f0fdfa; border:1px solid #e9a6cf; }
html.dark .content-body .blog-callout{ background:rgba(45,212,191,.08); border-color:rgba(45,212,191,.28); }
.content-body .blog-callout > i{ color:#b8478f; margin-top:.18rem; font-size:1.05rem; flex-shrink:0; }
html.dark .content-body .blog-callout > i{ color:#e872c0; }
.content-body .blog-callout:is(.warn,.blog-warn){ background:#fffbeb; border-color:#fde68a; }
html.dark .content-body .blog-callout:is(.warn,.blog-warn){ background:rgba(251,191,36,.08); border-color:rgba(251,191,36,.28); }
.content-body .blog-callout:is(.warn,.blog-warn) > i{ color:#b45309; }
html.dark .content-body .blog-callout:is(.warn,.blog-warn) > i{ color:#fbbf24; }
.content-body .blog-callout p{ margin:0 !important; }
.content-body .blog-takeaway{ background:linear-gradient(120deg,#8e2a6f,#b8478f); color:#fff; border-radius:1rem; padding:1.1rem 1.4rem; margin:1.75rem 0; }
.content-body .blog-takeaway *{ color:#fff !important; }
.content-body .blog-takeaway-title{ display:flex; align-items:center; gap:.5rem; font-weight:700; margin:0 0 .4rem; }
.content-body .blog-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; margin:1.75rem 0; }
@media (max-width:640px){ .content-body .blog-stats{ grid-template-columns:1fr; } }
.content-body .blog-stat{ text-align:center; padding:1rem; border-radius:.85rem; background:#faf3e7; border:1px solid #e7ddd0; }
html.dark .content-body .blog-stat{ background:#181022; border-color:#2a1d38; }
.content-body .blog-stat i{ color:var(--accent,#8e2a6f); font-size:1.25rem; }
.content-body .blog-stat .num{ display:block; font-size:1.55rem; font-weight:800; margin-top:.3rem; color:#1c1226; }
html.dark .content-body .blog-stat .num{ color:#fff; }
.content-body .blog-stat .lbl{ display:block; font-size:.72rem; color:#64748b; }
.content-body ul li::marker{ color:var(--accent,#8e2a6f); }
.content-body table thead th{ background:rgba(142,42,111,.08); }
html.dark .content-body table thead th{ background:rgba(226,95,168,.13); }
.content-body ol.blog-steps{ list-style:none !important; counter-reset:bstep; padding-left:0 !important; }
.content-body ol.blog-steps > li{ counter-increment:bstep; position:relative; padding-left:2.6rem; margin:.7rem 0; }
.content-body ol.blog-steps > li::before{ content:counter(bstep); position:absolute; left:0; top:.05em; width:1.7rem; height:1.7rem; border-radius:99px; background:var(--accent,#8e2a6f); color:#fff; font-weight:700; font-size:.82rem; display:flex; align-items:center; justify-content:center; }
.content-body .blog-iconlist{ list-style:none !important; padding-left:0 !important; }
.content-body .blog-iconlist > li{ position:relative; padding-left:1.8rem; margin:.5rem 0; }
.content-body .blog-iconlist > li > i:first-child{ position:absolute; left:0; top:.28em; color:var(--accent,#8e2a6f); }
.content-body .blog-svc-ad{ position:relative; margin:2.1rem 0; border-radius:1.25rem; overflow:hidden; box-shadow:0 18px 44px -18px rgba(0,0,0,.45); isolation:isolate; }
.content-body .blog-svc-ad::after{ content:""; position:absolute; inset:0; background:radial-gradient(130% 150% at 100% 0%, rgba(255,255,255,.20), transparent 55%); pointer-events:none; z-index:0; }
.content-body .bsa-deco{ position:absolute; right:-.5rem; bottom:-1.6rem; font-size:8.5rem; line-height:1; color:rgba(255,255,255,.12); transform:rotate(-14deg); pointer-events:none; z-index:0; }
.content-body .bsa-inner{ position:relative; z-index:1; display:flex; gap:1.1rem; align-items:flex-start; padding:1.5rem 1.7rem; }
.content-body .bsa-badge{ flex:0 0 auto; width:3.1rem; height:3.1rem; border-radius:.9rem; display:flex; align-items:center; justify-content:center; font-size:1.25rem; color:#fff; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.34); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); box-shadow:0 8px 20px -8px rgba(0,0,0,.4); }
.content-body .bsa-content{ flex:1; min-width:0; }
.content-body .bsa-eyebrow{ display:inline-flex; align-items:center; gap:.45rem; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#fff; opacity:.92; margin-bottom:.45rem; }
.content-body .bsa-dot{ width:.45rem; height:.45rem; border-radius:99px; background:#fff; box-shadow:0 0 9px rgba(255,255,255,.85); }
.content-body .bsa-title{ display:block; font-size:1.4rem; font-weight:800; line-height:1.18; margin:0 0 .4rem; color:#fff; }
.content-body .bsa-text{ display:block; font-size:.92rem; line-height:1.55; color:#fff; opacity:.9; margin-bottom:1.05rem; max-width:44rem; }
.content-body .bsa-actions{ display:flex; flex-wrap:wrap; gap:.6rem; }
.content-body .bsa-btn{ display:flex; flex:1 1 0; min-width:9rem; align-items:center; justify-content:center; gap:.5rem; padding:.6rem 1.1rem; border-radius:.7rem; font-size:.89rem; font-weight:700; text-decoration:none !important; transition:transform .15s, box-shadow .15s; }
.content-body .bsa-btn:hover{ box-shadow:0 10px 22px -10px rgba(0,0,0,.45); filter:brightness(.97); }
.content-body .bsa-btn-primary{ background:#fff; color:#15101f; box-shadow:0 6px 16px -6px rgba(0,0,0,.4); }
.content-body .bsa-btn-wa{ background:#25d366; color:#fff; }
.content-body .bsa-btn-ghost{ background:rgba(255,255,255,.15); color:#fff; border:1px solid rgba(255,255,255,.42); }
.content-body .blog-svc-ad-0{ background:linear-gradient(125deg,#8e2a6f 0%,#b8478f 45%,#a0357f 100%); }
.content-body .blog-svc-ad-1{ background:linear-gradient(125deg,#8e2a6f 0%,#8e2a6f 48%,#b8478f 100%); }
.content-body .blog-svc-ad-2{ background:linear-gradient(125deg,#0e7490 0%,#b8478f 45%,#9e1972 100%); }
.content-body .blog-svc-ad-3{ background:linear-gradient(125deg,#be123c 0%,#db2777 45%,#b8478f 100%); }
@media (max-width:640px){
.content-body .bsa-inner{ padding:1.25rem; gap:.85rem; }
.content-body .bsa-badge{ width:2.6rem; height:2.6rem; font-size:1.05rem; }
.content-body .bsa-title{ font-size:1.18rem; }
.content-body .bsa-deco{ font-size:6rem; opacity:.1; }
.content-body .bsa-btn{ font-size:.84rem; padding:.55rem .9rem; }
}
@media (max-width:640px){
.content-body .blog-svc-ad,
.content-body .blog-svc-img{ max-width:100%; overflow:hidden; }
.content-body .bsa-deco,
.content-body .blog-svc-img .bsi-deco{ display:none !important; }
.content-body .bsa-actions{ flex-direction:column; }
.content-body .bsa-btn{ flex:1 1 100%; min-width:0; width:100%; }
}
.content-body .blog-svc-img{
position:relative;
display:grid;
grid-template-columns:1.45fr 1fr;
align-items:stretch;
margin:2.1rem 0;
border-radius:1.25rem;
overflow:hidden;
isolation:isolate;
background:#ffffff;
border:1px solid var(--bsi-edge,#e9d5e8);
box-shadow:0 18px 44px -20px rgba(15,23,42,.30);
transition:box-shadow .25s ease;
}
html.dark .content-body .blog-svc-img{
background:#0d111c;
border-color:var(--bsi-edge-d,rgba(226,95,168,.34));
box-shadow:0 22px 54px -22px rgba(0,0,0,.72), 0 0 0 1px rgba(255,255,255,.02);
}
.content-body .blog-svc-img:hover{
box-shadow:0 26px 60px -22px rgba(15,23,42,.42);
}
html.dark .content-body .blog-svc-img:hover{
box-shadow:0 30px 70px -24px rgba(0,0,0,.85), 0 0 26px -6px var(--bsi-glow,rgba(181,55,154,.40));
}
.content-body .blog-svc-img::before{
content:"";
position:absolute; inset:0 0 auto 0; height:4px; z-index:4;
background:var(--bsi-grad,linear-gradient(90deg,#8e2a6f,#b8478f,#a0357f));
pointer-events:none;
}
.content-body .blog-svc-img .bsi-media{
position:relative;
display:flex; align-items:center; justify-content:center;
min-height:13.5rem;
padding:1.4rem;
overflow:hidden;
background:var(--bsi-grad,linear-gradient(125deg,#8e2a6f,#b8478f,#a0357f));
text-decoration:none !important;
}
.content-body .blog-svc-img .bsi-img{
position:relative;
max-width:100%; max-height:100%; width:auto; height:auto;
object-fit:contain;
display:block;
z-index:1;
}
html.dark .content-body .blog-svc-img .bsi-img{ filter:saturate(1.02) brightness(.94); }
.content-body .blog-svc-img .bsi-media-fallback{
position:absolute; inset:0; z-index:0;
display:flex; align-items:center; justify-content:center;
font-size:5.5rem; color:rgba(255,255,255,.22);
}
.content-body .blog-svc-img .bsi-img[src=""],
.content-body .blog-svc-img .bsi-img:not([src]){ display:none; }
.content-body .blog-svc-img .bsi-scrim{
position:absolute; inset:0; z-index:2; pointer-events:none;
background:
linear-gradient(90deg, transparent 52%, var(--bsi-scrim-mid,rgba(142,42,111,.42)) 82%, var(--bsi-scrim-end,#b8478f) 100%),
linear-gradient(0deg, rgba(0,0,0,.18), transparent 42%);
}
html.dark .content-body .blog-svc-img .bsi-scrim{
background:
linear-gradient(90deg, transparent 46%, var(--bsi-scrim-mid,rgba(142,42,111,.55)) 80%, var(--bsi-scrim-end,#b8478f) 100%),
linear-gradient(0deg, rgba(0,0,0,.34), transparent 46%);
}
.content-body .blog-svc-img .bsi-panel{
position:relative;
display:flex; align-items:center;
padding:1.55rem 1.7rem;
background:var(--bsi-grad,linear-gradient(125deg,#8e2a6f 0%,#b8478f 45%,#a0357f 100%));
overflow:hidden;
z-index:3;
}
.content-body .blog-svc-img .bsi-panel::after{
content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
background:radial-gradient(120% 130% at 100% 0%, rgba(255,255,255,.18), transparent 55%);
}
.content-body .blog-svc-img .bsi-deco{
position:absolute; right:-.7rem; bottom:-1.5rem; z-index:0;
font-size:7.5rem; line-height:1; color:rgba(255,255,255,.13);
transform:rotate(-12deg); pointer-events:none;
}
.content-body .blog-svc-img .bsi-panel-in{ position:relative; z-index:1; width:100%; }
.content-body .blog-svc-img .bsi-badge{
display:inline-flex; align-items:center; justify-content:center;
width:2.9rem; height:2.9rem; margin-bottom:.85rem;
border-radius:.85rem; font-size:1.15rem; color:#fff;
background:rgba(255,255,255,.16);
border:1px solid rgba(255,255,255,.34);
-webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
box-shadow:0 8px 20px -8px rgba(0,0,0,.4);
}
.content-body .blog-svc-img .bsi-eyebrow{
display:flex; align-items:center; gap:.45rem;
font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
color:#fff; opacity:.94; margin-bottom:.5rem;
}
.content-body .blog-svc-img .bsi-dot{
width:.45rem; height:.45rem; border-radius:99px; background:#fff;
box-shadow:0 0 9px rgba(255,255,255,.9);
animation:bsiPulse 2.4s ease-in-out infinite;
}
@keyframes bsiPulse{ 0%,100%{opacity:.55; transform:scale(.85);} 50%{opacity:1; transform:scale(1.15);} }
.content-body .blog-svc-img .bsi-title{
display:block; font-size:1.3rem; font-weight:800; line-height:1.2;
margin:0 0 .4rem; color:#fff;
}
.content-body .blog-svc-img .bsi-text{
display:block; font-size:.9rem; line-height:1.55; color:#fff; opacity:.9;
margin-bottom:1.05rem;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.content-body .blog-svc-img .bsi-actions{ display:flex; flex-direction:column; gap:.5rem; }
.content-body .blog-svc-img .bsi-btn{
display:flex; width:100%; align-items:center; justify-content:center; gap:.5rem;
padding:.62rem 1.05rem; border-radius:.7rem;
font-size:.86rem; font-weight:700; text-decoration:none !important;
transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.content-body .blog-svc-img .bsi-btn:hover{
box-shadow:0 10px 22px -10px rgba(0,0,0,.5);
filter:brightness(.97);
}
.content-body .blog-svc-img .bsi-btn-primary{ background:#fff; color:#15101f; box-shadow:0 6px 16px -6px rgba(0,0,0,.4); }
.content-body .blog-svc-img .bsi-btn-wa{ background:#25d366; color:#fff; }
.content-body .blog-svc-img .bsi-btn-ghost{ background:rgba(255,255,255,.15); color:#fff; border:1px solid rgba(255,255,255,.45); }
.content-body .blog-svc-img .bsi-btn-ghost:hover{ background:rgba(255,255,255,.26); }
.content-body .blog-svc-img-0{
--bsi-grad:linear-gradient(125deg,#8e2a6f 0%,#b8478f 45%,#a0357f 100%);
--bsi-scrim-mid:rgba(142,42,111,.45); --bsi-scrim-end:#b8478f;
--bsi-edge:#ecc9e6; --bsi-edge-d:rgba(226,95,168,.36); --bsi-glow:rgba(181,55,154,.45);
}
.content-body .blog-svc-img-1{
--bsi-grad:linear-gradient(125deg,#8e2a6f 0%,#8e2a6f 48%,#b8478f 100%);
--bsi-scrim-mid:rgba(67,56,202,.45); --bsi-scrim-end:#8e2a6f;
--bsi-edge:#d3d0f5; --bsi-edge-d:rgba(139,92,246,.38); --bsi-glow:rgba(124,58,237,.45);
}
.content-body .blog-svc-img-2{
--bsi-grad:linear-gradient(125deg,#0e7490 0%,#b8478f 45%,#9e1972 100%);
--bsi-scrim-mid:rgba(14,116,144,.45); --bsi-scrim-end:#b8478f;
--bsi-edge:#bfe6ee; --bsi-edge-d:rgba(34,211,238,.34); --bsi-glow:rgba(8,145,178,.45);
}
.content-body .blog-svc-img-3{
--bsi-grad:linear-gradient(125deg,#be123c 0%,#db2777 45%,#b8478f 100%);
--bsi-scrim-mid:rgba(190,18,60,.45); --bsi-scrim-end:#db2777;
--bsi-edge:#f3c9d6; --bsi-edge-d:rgba(244,114,182,.36); --bsi-glow:rgba(219,39,119,.45);
}
@media (max-width:768px){
.content-body .blog-svc-img{ grid-template-columns:1fr; }
.content-body .blog-svc-img .bsi-media{ width:100%; height:auto; aspect-ratio:16/9; }
.content-body .blog-svc-img .bsi-scrim{
background:
linear-gradient(180deg, transparent 50%, var(--bsi-scrim-mid,rgba(142,42,111,.5)) 84%, var(--bsi-scrim-end,#b8478f) 100%),
linear-gradient(0deg, rgba(0,0,0,.20), transparent 40%);
}
html.dark .content-body .blog-svc-img .bsi-scrim{
background:
linear-gradient(180deg, transparent 44%, var(--bsi-scrim-mid,rgba(142,42,111,.6)) 82%, var(--bsi-scrim-end,#b8478f) 100%),
linear-gradient(0deg, rgba(0,0,0,.34), transparent 44%);
}
.content-body .blog-svc-img .bsi-panel{ padding:1.35rem 1.4rem; }
.content-body .blog-svc-img .bsi-title{ font-size:1.18rem; }
.content-body .blog-svc-img .bsi-actions{ flex-direction:row; flex-wrap:wrap; gap:.5rem; }
.content-body .blog-svc-img .bsi-btn-primary{ flex:1 1 100%; }
.content-body .blog-svc-img .bsi-btn-wa,
.content-body .blog-svc-img .bsi-btn-ghost{ flex:1 1 calc(50% - .3rem); min-width:0; gap:.35rem; padding-left:.55rem; padding-right:.55rem; font-size:.8rem; white-space:nowrap; }
}
@media (max-width:480px){
.content-body .blog-svc-img .bsi-actions{ gap:.45rem; }
.content-body .blog-svc-img .bsi-btn{ justify-content:center; }
}
@media (prefers-reduced-motion:reduce){
.content-body .blog-svc-img,
.content-body .blog-svc-img .bsi-img,
.content-body .blog-svc-img .bsi-btn,
.content-body .blog-svc-img .bsi-dot{ transition:none !important; animation:none !important; }
}
.content-body .blog-svc-img .bsi-media{
background:radial-gradient(120% 110% at 38% 32%, color-mix(in srgb, var(--bsi-scrim-end,#b8478f) 16%, #ffffff), #f1ebf7);
}
html.dark .content-body .blog-svc-img .bsi-media{
background:radial-gradient(120% 110% at 38% 32%, color-mix(in srgb, var(--bsi-scrim-end,#b8478f) 28%, #161020), #0b0913);
}
.content-body .blog-svc-img .bsi-img{
object-fit:contain;
filter:drop-shadow(0 12px 22px rgba(0,0,0,.28));
}
html.dark .content-body .blog-svc-img .bsi-img{ filter:drop-shadow(0 14px 26px rgba(0,0,0,.5)); }
.content-body .blog-svc-img .bsi-scrim{
background:linear-gradient(90deg, transparent 62%, color-mix(in srgb, var(--bsi-scrim-end,#b8478f) 50%, transparent) 100%);
}
html.dark .content-body .blog-svc-img .bsi-scrim{
background:linear-gradient(90deg, transparent 58%, color-mix(in srgb, var(--bsi-scrim-end,#b8478f) 62%, transparent) 100%);
}
.content-body .blog-svc-img .bsi-media-fallback{ display:none; }
.content-body .blog-svc-img .bsi-media.bsi-noimg .bsi-media-fallback{ display:flex; }
.content-body .blog-svc-img .bsi-media.bsi-noimg{ background:var(--bsi-grad,linear-gradient(125deg,#8e2a6f,#b8478f,#a0357f)); }
.content-body .blog-svc-img .bsi-media.bsi-noimg .bsi-img{ display:none; }
@supports not (color:color-mix(in srgb,#000,#fff)){
.content-body .blog-svc-img .bsi-media{ background:#f1ebf7; }
html.dark .content-body .blog-svc-img .bsi-media{ background:#161020; }
.content-body .blog-svc-img .bsi-scrim{ background:linear-gradient(90deg,transparent 62%, rgba(142,42,111,.4) 100%); }
}
@media (max-width:768px){ .content-body .blog-svc-img .bsi-media{ padding:1rem; min-height:auto; aspect-ratio:16/9; } }
.content-body .blog-inline-image figcaption{ display:none !important; }
.content-body .blog-inline-image{ overflow:hidden; border-radius:.75rem; }
.content-body .blog-inline-image img{ cursor:zoom-in; animation:tbKenBurns 26s ease-in-out infinite alternate; transform-origin:center center; will-change:transform; }
@keyframes tbKenBurns{ from{ transform:scale(1.001); } to{ transform:scale(1.09); } }
@media (prefers-reduced-motion: reduce){ .content-body .blog-inline-image img{ animation:none; } }
.tb-lb{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:4rem 1.2rem 4.5rem; background:rgba(6,4,12,.95); -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px); }
.tb-lb-stage{ margin:0; display:flex; flex-direction:column; align-items:center; gap:1rem; max-width:94vw; max-height:84vh; cursor:zoom-out; }
.content-body .blog-ad-divider{ display:flex; align-items:center; gap:.9rem; margin:2.2rem 0 1.1rem; }
.content-body .blog-ad-divider .bad-line{ flex:1; height:1px; background:linear-gradient(90deg, transparent, rgba(142,42,111,.28), transparent); }
html.dark .content-body .blog-ad-divider .bad-line{ background:linear-gradient(90deg, transparent, rgba(226,95,168,.32), transparent); }
.content-body .blog-ad-divider .bad-label{ flex:0 0 auto; display:inline-flex; align-items:center; gap:.4rem; font-size:.72rem; font-weight:600; letter-spacing:.04em; color:#9b7090; padding:.25rem .85rem; border-radius:99px; background:rgba(142,42,111,.07); white-space:nowrap; }
html.dark .content-body .blog-ad-divider .bad-label{ color:#c98fb8; background:rgba(226,95,168,.10); }
.content-body .blog-ad-divider .bad-label i{ font-size:.6rem; opacity:.7; }
.content-body .blog-related-box{ margin:3rem 0; padding:0; background:none !important; border:none !important; box-shadow:none !important; border-radius:0 !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
.content-body .brp-head{ font-size:1.5rem; font-weight:700; margin:0 0 1.5rem; padding-bottom:0; display:block; color:#111827; position:relative; }
html.dark .content-body .brp-head{ color:#fff; }
.content-body .brp-head i{ display:none; }
.content-body .brp-head::after{ content:""; display:block; position:static; margin-top:.75rem; width:4rem; height:4px; border-radius:99px; background:linear-gradient(90deg,#8e2a6f,#b8478f); }
@media (min-width:768px){ .content-body .brp-head{ font-size:1.875rem; } }
.content-body .brp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.content-body .brp-card{ display:flex; flex-direction:column; text-decoration:none !important; border-radius:.9rem; overflow:hidden; transition:box-shadow .25s ease, border-color .25s ease;
background:rgba(255,255,255,.55); -webkit-backdrop-filter:blur(14px) saturate(1.4); backdrop-filter:blur(14px) saturate(1.4); border:1px solid rgba(255,255,255,.6); box-shadow:0 8px 28px -14px rgba(142,42,111,.22), inset 0 1px 0 rgba(255,255,255,.7); }
html.dark .content-body .brp-card{ background:rgba(255,255,255,.05); border-color:transparent; box-shadow:0 10px 30px -16px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.06); }
.content-body .brp-card:hover{ box-shadow:0 16px 34px -14px rgba(142,42,111,.42); border-color:rgba(142,42,111,.4); }
html.dark .content-body .brp-card:hover{ border-color:rgba(184,71,143,.5); }
.content-body .brp-img{ display:block; width:100%; aspect-ratio:16/10; background-size:cover; background-position:center; background-color:#f1ebf7; }
html.dark .content-body .brp-img{ background-color:#221726; }
.content-body .brp-img-ph{ display:flex; align-items:center; justify-content:center; font-size:1.7rem; color:#fff; background:linear-gradient(135deg,#8e2a6f,#b8478f); }
.content-body .brp-title{ padding:1.1rem 1.25rem 1.25rem; font-size:.95rem; font-weight:700; line-height:1.35; color:#1f2430; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
html.dark .content-body .brp-title{ color:#eef0f6; }
@media (max-width:640px){
.content-body .brp-grid{ grid-template-columns:1fr 1fr; }
.content-body .brp-grid > *:nth-child(n+3){ display:none; }
}
#diger-yazilar .tb-rel-card{ background:rgba(255,255,255,.55); -webkit-backdrop-filter:blur(14px) saturate(1.4); backdrop-filter:blur(14px) saturate(1.4); border:1px solid rgba(255,255,255,.6); box-shadow:0 8px 28px -14px rgba(142,42,111,.22), inset 0 1px 0 rgba(255,255,255,.7); }
html.dark #diger-yazilar .tb-rel-card{ background:rgba(255,255,255,.05); border-color:transparent; box-shadow:0 10px 30px -16px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.06); }
#diger-yazilar .tb-rel-card:hover{ box-shadow:0 16px 34px -14px rgba(142,42,111,.42); border-color:rgba(142,42,111,.4); }
html.dark #diger-yazilar .tb-rel-card:hover{ border-color:rgba(184,71,143,.5); }
.blog-reaction-wrap > div > .justify-between.mb-8{ display:none !important; }
.blog-reaction-wrap > div{ border-top:0 !important; padding-top:0 !important; }
#diger-yazilar .tb-rel-card h3{ font-size:.95rem !important; line-height:1.35 !important; -webkit-line-clamp:3 !important; }
.tb-lb-stage img{ max-width:94vw; max-height:78vh; border-radius:.7rem; object-fit:contain; box-shadow:0 30px 80px rgba(0,0,0,.7); cursor:pointer; background:#0b0913; }
.tb-lb-cap{ color:#e7e2ee; font-size:.95rem; line-height:1.5; text-align:center; max-width:48rem; opacity:.92; font-style:normal; }
.tb-lb-close, .tb-lb-nav{ position:absolute; display:flex; align-items:center; justify-content:center; color:#fff; cursor:pointer; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.13); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:background .15s ease, transform .15s ease, box-shadow .15s ease; }
.tb-lb-close{ top:1.1rem; right:1.25rem; width:3rem; height:3rem; border-radius:99px; font-size:1.3rem; box-shadow:0 8px 22px -8px rgba(0,0,0,.6); }
.tb-lb-close:hover{ background:rgba(244,63,94,.85); border-color:rgba(255,255,255,.5); transform:rotate(90deg); }
.tb-lb-nav{ top:50%; transform:translateY(-50%); width:3.3rem; height:3.3rem; border-radius:99px; font-size:1.25rem; box-shadow:0 10px 26px -10px rgba(0,0,0,.6); }
.tb-lb-nav:hover{ background:rgba(255,255,255,.26); }
.tb-lb-prev{ left:1.25rem; } .tb-lb-next{ right:1.25rem; }
.tb-lb-prev:hover{ transform:translateY(-50%) translateX(-3px); }
.tb-lb-next:hover{ transform:translateY(-50%) translateX(3px); }
.tb-lb-counter{ position:absolute; top:1.45rem; left:1.6rem; color:#fff; font-size:.82rem; font-weight:700; letter-spacing:.05em; padding:.35rem .8rem; border-radius:99px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); }
.tb-lb-counter .tb-lb-sep{ opacity:.6; margin:0 .15rem; }
.tb-lb.is-single .tb-lb-nav, .tb-lb.is-single .tb-lb-counter{ display:none; }
@media (max-width:640px){
.tb-lb{ padding:3.2rem .5rem 3.8rem; }
.tb-lb-nav{ width:2.7rem; height:2.7rem; font-size:1.05rem; } .tb-lb-prev{ left:.45rem; } .tb-lb-next{ right:.45rem; }
.tb-lb-close{ width:2.7rem; height:2.7rem; font-size:1.15rem; top:.7rem; right:.7rem; }
.tb-lb-counter{ top:.95rem; left:.9rem; }
.tb-lb-stage img{ max-height:68vh; } .tb-lb-cap{ font-size:.88rem; }
}
.tb-review-acc > section{ background:none !important; border:none !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; margin:0 !important; }
.tb-review-acc > section > .flex.items-center.justify-between{ display:none !important; }
.content-body{ font-size:1rem; line-height:1.75; }
.content-body h2{ font-size:1.5rem; line-height:1.25; margin-top:2.2rem; margin-bottom:.85rem; }
.content-body h3{ font-size:1.25rem; line-height:1.3; margin-top:1.8rem; margin-bottom:.6rem; }
.content-body h4{ font-size:1.1rem; line-height:1.35; margin-top:1.5rem; margin-bottom:.45rem; }
.content-body p, .content-body li{ font-size:1rem; line-height:1.75; }
@media (min-width:768px){
.content-body{ font-size:1.05rem; }
.content-body p, .content-body li{ font-size:1.05rem; }
.content-body h2{ font-size:1.8rem; }
.content-body h3{ font-size:1.4rem; }
.content-body h4{ font-size:1.2rem; }
}
.content-body #sik-sorulan-sorular .faq-deco,
#sik-sorulan-sorular .faq-deco{ position:absolute; right:-.4rem; bottom:-1.5rem; font-size:7rem; line-height:1; color:rgba(142,42,111,.06); transform:rotate(-14deg); pointer-events:none; z-index:0; }
html.dark #sik-sorulan-sorular .faq-deco{ color:rgba(255,255,255,.045); }
@media (max-width:640px){ #sik-sorulan-sorular .faq-deco{ font-size:5rem; bottom:-1rem; } }
#nasil-yapilir .howto-timeline{ list-style:none; margin:0; padding:0; position:relative; }
#nasil-yapilir .howto-timeline::before{ content:""; position:absolute; left:1.25rem; top:.6rem; bottom:.6rem; width:2px; background:linear-gradient(to bottom,#8e2a6f,rgba(142,42,111,.12)); }
#nasil-yapilir .howto-step{ position:relative; padding-left:3.85rem; padding-bottom:1.5rem; }
#nasil-yapilir .howto-step:last-child{ padding-bottom:0; }
#nasil-yapilir .howto-step-num{ position:absolute; left:0; top:0; width:2.5rem; height:2.5rem; border-radius:99px; background:linear-gradient(135deg,#8e2a6f,#b8478f); color:#fff; font-weight:800; font-size:1.05rem; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 16px -6px rgba(142,42,111,.6); z-index:1; transition:transform .3s ease; }
#nasil-yapilir .howto-step-card{ position:relative; overflow:hidden; background:#fff; border:1px solid #ecd9e8; border-radius:1rem; padding:1.05rem 1.3rem 1.15rem; transition:border-color .3s ease; }
html.dark #nasil-yapilir .howto-step-card{ background:#1f2937; border-color:transparent; }
#nasil-yapilir .howto-step.group:hover .howto-step-card{ border-color:#b8478f; }
html.dark #nasil-yapilir .howto-step.group:hover .howto-step-card{ border-color:#b8478f; }
#nasil-yapilir .howto-step-title{ font-size:1.18rem; font-weight:800; color:#1f2430; margin:0 0 .4rem; line-height:1.3; display:flex; align-items:center; gap:.55rem; position:relative; z-index:1; }
html.dark #nasil-yapilir .howto-step-title{ color:#fff; }
#nasil-yapilir .howto-step-ico{ color:#8e2a6f; font-size:1.05rem; flex-shrink:0; }
html.dark #nasil-yapilir .howto-step-ico{ color:#e07cba; }
#nasil-yapilir .howto-step-text{ font-size:.97rem; line-height:1.65; color:#475569; position:relative; z-index:1; }
html.dark #nasil-yapilir .howto-step-text{ color:#cbd5e1; }
#nasil-yapilir .howto-deco{ position:absolute; right:-.3rem; bottom:-1.3rem; font-size:6rem; line-height:1; color:rgba(142,42,111,.06); transform:rotate(-14deg); pointer-events:none; z-index:0; }
html.dark #nasil-yapilir .howto-deco{ color:rgba(255,255,255,.045); }
@media (max-width:640px){ #nasil-yapilir .howto-deco{ font-size:4.5rem; } #nasil-yapilir .howto-step{ padding-left:3.35rem; } #nasil-yapilir .howto-step-num{ width:2.2rem; height:2.2rem; font-size:.95rem; } #nasil-yapilir .howto-timeline::before{ left:1.1rem; } }
.content-body *, .content-body *:hover,
.blog-related-box *,
#sik-sorulan-sorular *, #sik-sorulan-sorular *:hover,
#nasil-yapilir *, #nasil-yapilir *:hover,
#diger-yazilar *, #diger-yazilar *:hover,
.tb-review-acc *{ box-shadow:none !important; }
.content-body .bsi-img{ filter:none !important; }
#hSearchRow{position:fixed;left:0;right:0;z-index:45;display:flex;flex-direction:column;align-items:center;padding:0 1rem;pointer-events:none;
transition:transform .42s cubic-bezier(.4,0,.2,1), opacity .3s ease;}
#hSearchRow.hHide{transform:translateY(-180%);opacity:0;pointer-events:none;}
#hSearchBar{position:relative;width:100%;max-width:600px;height:54px;display:flex;align-items:center;gap:.65rem;padding:0 .5rem 0 .95rem;pointer-events:auto;
border-radius:16px;color:#231f1b;background:rgba(255,255,255,.50);border:1px solid rgba(255,255,255,.6);cursor:text;
-webkit-backdrop-filter:blur(22px) saturate(185%);backdrop-filter:blur(22px) saturate(185%);
box-shadow:0 8px 30px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(255,255,255,.18);
transition:box-shadow .4s ease;}
html.dark #hSearchBar{color:#f4eee7;background:rgba(20,18,28,.52);border-color:rgba(255,255,255,.16);
box-shadow:0 8px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.04);}
#hSearchBar.hFocus{box-shadow:var(--rail-shadow-scrolled,0 14px 44px rgba(0,0,0,.16));}
#hSearchBar .hIc{flex:none;width:22px;font-size:1rem;opacity:.5;display:grid;place-items:center}
#hSearchBar .hField{flex:1;min-width:0;position:relative;display:flex;align-items:center;overflow:hidden;height:22px}
#hSearchBar .hField input{width:100%;border:none;background:none;outline:none;font:inherit;font-size:14.5px;color:inherit;cursor:text}
#hSearchBar .hField input::placeholder{color:transparent}
#hSearchBar .hPh{position:absolute;left:0;right:0;font-size:14.5px;opacity:.9;white-space:nowrap;overflow:hidden;pointer-events:none;text-shadow:none}
html.dark #hSearchBar .hPh{text-shadow:none}
#hSearchBar .hPh .hCw{border-right:2px solid currentColor;animation:hCwb 1s steps(1) infinite;padding-right:1px}
@keyframes hCwb{50%{border-color:transparent}}
#hSearchBar .hGo{width:40px;height:40px;flex:none;border-radius:12px;cursor:pointer;display:grid;place-items:center;color:inherit;
background:rgba(255,255,255,.40);border:1px solid rgba(255,255,255,.6);
-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.55);transition:background .2s,transform .2s}
html.dark #hSearchBar .hGo{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
#hSearchBar .hGo:hover{background:rgba(255,255,255,.6)}
html.dark #hSearchBar .hGo:hover{background:rgba(255,255,255,.14)}
#hSearchBar .hGo i{font-size:.8rem;opacity:.7}
#hSearchChips{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;max-width:600px;opacity:0;transform:translateY(-4px);transition:opacity .35s,transform .35s;pointer-events:none}
#hSearchRow.hOpen #hSearchChips{opacity:1;transform:none;pointer-events:auto}
#hSearchChips .hChip{font-size:12px;padding:5px 12px;border-radius:12px;cursor:pointer;color:inherit;
border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.45);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,border-color .2s}
#hSearchChips .hChip:hover{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.18)}
#hSearchChips .hChip i{margin-right:5px;opacity:.5}
html.dark #hSearchChips .hChip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
html.dark #hSearchChips .hChip:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22)}
@media (max-width:767px){#hSearchRow{display:none;}}
@media (prefers-reduced-motion:reduce){#hSearchRow{transition:none;}}
.rlc-sec{ --rlc:#475569; --rlc-bg:rgba(71,85,105,.09); --rlc-bd:rgba(71,85,105,.20); padding:40px 0; }
.dark .rlc-sec{ --rlc:#e07cba; --rlc-bg:rgba(184,71,143,.12); --rlc-bd:rgba(184,71,143,.30); }
.rlc-wrap{ max-width:80rem; margin:0 auto; padding:0 1rem; }
.rlc-card{ border:1px solid var(--rlc-bd); border-radius:18px; padding:26px 24px; background:var(--rlc-bg); }
.rlc-eyebrow{ display:inline-flex; align-items:center; gap:7px; font-size:.7rem; font-weight:700; letter-spacing:.12em;
text-transform:uppercase; color:var(--rlc); margin-bottom:10px; }
.rlc-h{ font-size:1.22rem; font-weight:700; letter-spacing:-.01em; margin:0 0 6px; color:var(--text,#0e0e1a); }
.dark .rlc-h{ color:var(--text,#f4f1f7); }
.rlc-lead{ font-size:.92rem; color:var(--text-soft,#475569); margin:0 0 16px; }
.dark .rlc-lead{ color:var(--text-soft,#a6a3b8); }
.rlc-chips{ display:flex; flex-wrap:wrap; gap:9px; }
.rlc-chip{ display:inline-flex; align-items:center; gap:7px; font-size:.86rem; font-weight:500; text-decoration:none;
padding:8px 13px; border-radius:9px; color:var(--text,#0e0e1a);
background:var(--glass-bg,rgba(255,255,255,.6)); border:1px solid var(--glass-border,rgba(15,23,42,.10));
transition:background .3s, border-color .3s, color .3s; }
.dark .rlc-chip{ color:var(--text,#f4f1f7); background:var(--glass-bg,rgba(18,18,30,.42)); border-color:var(--glass-border,rgba(255,255,255,.10)); }
.rlc-chip:hover{ background:var(--rlc-bg); border-color:var(--rlc-bd); color:var(--rlc); }
.rlc-chip i{ font-size:10px; opacity:.5; }
.rlc-all{ display:inline-flex; align-items:center; gap:7px; margin-top:16px; font-size:.86rem; font-weight:600;
text-decoration:none; color:var(--rlc); }
.rlc-all:hover{ text-decoration:underline; }
#rblog{--bg:#f5f8fc;--surface:#fff;--ink:#0e1320;--muted:#64748b;--bd:#e2e8f0;--accent:#475569;--on-accent:#fff;
--glass:rgba(255,255,255,.55);--glass-2:rgba(255,255,255,.40);--glass-bd:rgba(15,23,42,.10);--hair:inset 0 1px 0 rgba(255,255,255,.6);
font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif;background:var(--bg);color:var(--ink)}
html.dark #rblog{--bg:#0a0712;--surface:#161020;--ink:#f4f1f7;--muted:#8a98ac;--bd:rgba(255,255,255,.10);--accent:#c65aa1;--on-accent:#0a0712;
--glass:rgba(24,19,34,.55);--glass-2:rgba(24,19,34,.40);--glass-bd:rgba(255,255,255,.12);--hair:inset 0 1px 0 rgba(255,255,255,.10)}
#rblog *{box-sizing:border-box}
#rblog a{text-decoration:none;color:inherit}
#rblog .rwrap{max-width:1280px;margin:0 auto;padding:0 20px 80px}
@media(min-width:768px){#rblog .rwrap{padding:0 16px 80px}}
#rblog .ht{letter-spacing:-.016em;line-height:1.02}
#rblog .hm{letter-spacing:-.018em;line-height:1.18}
#rblog .serif{font-family:'Source Serif 4','Georgia',serif}
#rblog .rcard{background:var(--surface);border:1px solid var(--bd)}
#rblog .rband{background:var(--glass);color:var(--ink);border:1px solid var(--glass-bd);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);box-shadow:var(--hair)}
#rblog .rpill{border:1px solid var(--bd)}
#rblog .acc{color:var(--accent);transition:filter .2s ease}
#rblog .acc:hover{filter:brightness(1.35)}
#rblog .cat{transition:background .2s ease,filter .2s ease}
#rblog .cat:hover{background:var(--accent)}
#rblog .dt{transition:color .2s ease,opacity .2s ease;cursor:default}
#rblog .dt:hover{color:var(--accent);opacity:1}
#rblog .rbtn{position:relative;overflow:hidden;color:#fff;background:linear-gradient(100deg,#8e2a6f,#b8478f);transition:filter .3s,transform .3s,box-shadow .3s}
html:not(.dark) #rblog .rbtn{background:linear-gradient(100deg,#334155,#475569)}
#rblog .rbtn::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:42%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:left .5s ease;pointer-events:none}
#rblog .rbtn:hover{filter:brightness(1.08)}
#rblog .rbtn:hover::after{left:120%}
#rblog .rbtn i{transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}
#rblog .rbtn:hover i{transform:translateX(4px)}
#rblog .scx{scrollbar-width:none}#rblog .scx::-webkit-scrollbar{display:none}
#rblog .elev{}
#rblog .ac{position:relative}
#rblog .ac::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease;z-index:4;
background:linear-gradient(125deg,rgba(255,255,255,.18),rgba(255,255,255,0) 45%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
#rblog .ac:hover::after{opacity:1}
#rblog .ac img{transition:transform .6s ease}#rblog .ac:hover .zo{transform:scale(1.05)}
#rblog .ttl{transition:opacity .2s}#rblog .ac:hover .ttl{opacity:.75}
#rblog .arr{transition:transform .25s}#rblog .sl:hover .arr{transform:translateX(4px)}
#rblog .gb{background:linear-gradient(to top,rgba(0,0,0,.86) 4%,rgba(0,0,0,.45) 40%,rgba(0,0,0,0) 72%)}
#rblog .cat{background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff}
#rblog .favbtn{position:absolute;top:12px;right:12px;z-index:6;width:38px;height:38px;border-radius:999px;display:grid;place-items:center;cursor:pointer;opacity:0;
background:rgba(0,0,0,.42);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:15px;transition:opacity .25s ease,background .2s ease,color .2s ease,transform .2s ease}
#rblog .ac:hover .favbtn,#rblog .tilt:hover .favbtn,#rblog .scell:hover .favbtn,#rblog .rhero:hover .favbtn{opacity:1}
#rblog .favbtn.is-fav{opacity:1;color:#ff5a7a;border-color:#ff5a7a}
#rblog .favbtn:hover{background:rgba(0,0,0,.65);transform:scale(1.08)}
#rblog .favbtn.is-busy{pointer-events:none}
@media(hover:none){#rblog .favbtn{opacity:1}}
#rblog .tilt{transition:transform .45s cubic-bezier(.2,.7,.2,1)}#rblog .tilt:hover{transform:rotate(0deg) translateY(-8px)!important}
#rblog .fan{transition:transform .55s cubic-bezier(.34,1.2,.4,1)}#rblog .fan:hover{transform:translateY(-18px) rotate(0deg)!important;z-index:50}
#rblog .rband{position:relative;isolation:isolate}
html.dark #rblog .rband::before{content:'';position:absolute;inset:-25%;z-index:-1;pointer-events:none;filter:blur(70px);
background:radial-gradient(38% 46% at 16% 28%,rgba(184,71,143,.26),transparent 70%),radial-gradient(40% 48% at 84% 78%,rgba(40,60,90,.40),transparent 72%)}
#rblog .rhero{transition:transform .5s ease}
#rblog .rhero:hover img.ovl{transform:scale(1.03)}
#rblog .rhero img.ovl{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
#rblog .shplay{backdrop-filter:blur(2px)}
#rblog .rsec{margin-top:64px}#rblog .rsec-sm{margin-top:48px}
#rblog .shead{display:flex;align-items:center;gap:14px;margin-bottom:28px}
#rblog .shead h2{font-size:30px!important;font-weight:600;margin:0;line-height:1.1}
#rblog .sarrow{border:1px solid var(--bd);width:34px;height:34px;border-radius:999px;display:grid;place-items:center;flex:none;background:rgba(120,120,140,.06);backdrop-filter:blur(6px)}
#rblog .ovl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#rblog .lc2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#rblog .fz-h1{font-size:clamp(2.5rem, 1.4rem + 3vw, 4rem)!important}
#rblog .fz-h2{font-size:clamp(2rem, 1.2rem + 2.3vw, 3.1rem)!important}
#rblog .fz-band{font-size:clamp(1.8rem, 1.1rem + 1.8vw, 2.6rem)!important}
#rblog .fz-vf{font-size:clamp(1.5rem, 1.1rem + 1.1vw, 2.1rem)!important}
#rblog .rhero{position:relative;border-radius:23px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#2a1230,#0e0a16);height:440px}
#rblog .rcap{position:absolute;left:0;right:0;padding:0 28px;bottom:150px;text-shadow:0 1px 2px rgba(0,0,0,.35),0 4px 22px rgba(0,0,0,.45)}
#rblog .herorel{display:none}
@media(min-width:768px){#rblog .rhero{height:580px}#rblog .rcap{bottom:170px;padding:0 48px}
#rblog .herorel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:3}}
#rblog .g4{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:640px){#rblog .g4{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){#rblog .g4{grid-template-columns:repeat(4,1fr)}}
#rblog .g3{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:1024px){#rblog .g3{grid-template-columns:repeat(3,1fr)}}
#rblog .g2{display:grid;grid-template-columns:1fr}
@media(min-width:1024px){#rblog .g2{grid-template-columns:1fr 1fr}}
#rblog .gv{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:1024px){#rblog .gv{grid-template-columns:400px 1fr;gap:36px}}
#rblog .imgfirst{order:0}#rblog .txtsec{order:1}
@media(min-width:1024px){#rblog .imgfirst{order:1}#rblog .txtsec{order:0}}
#rblog .kgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:42px}
@media(min-width:640px){#rblog .kgrid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){#rblog .kgrid{grid-template-columns:repeat(5,1fr)}}
#rblog .kcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:11px;min-height:184px;
background:var(--glass-2);border:1px solid var(--glass-bd);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);
border-radius:20px;padding:22px;box-shadow:var(--hair);color:var(--ink);transition:border-color .3s ease,background .3s ease}
#rblog .kcard:hover{border-color:var(--accent);background:var(--glass)}
#rblog .kicon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:22px;color:var(--accent);
background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid var(--glass-bd)}
#rblog .kcount{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}
#rblog .kname{font-size:17px;font-weight:700;line-height:1.2}
#rblog .karrow{margin-top:auto;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;color:var(--accent);
background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--glass-bd)}
#rblog .kcard:hover .arr{transform:translateX(3px)}
#rblog .karrow .arr{transition:transform .25s}
#rblog .ozpad{padding:36px}
@media(min-width:640px){#rblog .ozpad{padding:56px}}
#rblog .rslide{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .4s ease;pointer-events:none}
#rblog .rslide.is-on{opacity:1;pointer-events:auto}
#rblog .rhero-g1{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,5,16,.85),rgba(8,5,16,.42) 40%,rgba(8,5,16,.04) 70%)}
#rblog .rhero-g2{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,5,16,.82),transparent 44%)}
#rblog .rcap-cat{display:inline-block;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;margin-bottom:16px}
#rblog .rcap-meta{margin-top:16px;display:flex;align-items:center;gap:10px;font-size:15px}
#rblog .rcap-tb{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;background:#9e1972}
#rblog .hrel-thumb{width:58px;height:58px;border-radius:10px;overflow:hidden;flex:none}
#rblog .hrel-thumb img{width:100%;height:100%;object-fit:cover}
#rblog .hrel-card{position:relative;display:flex;align-items:center;gap:12px;border-radius:16px;background:rgba(0,0,0,.40);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);padding:10px;cursor:pointer;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
#rblog .hrel-card:hover{background:rgba(0,0,0,.6)}
#rblog .hrel-card.is-active{border-color:var(--accent);background:rgba(0,0,0,.58);box-shadow:inset 0 0 0 1px var(--accent)}
#rblog .hrel-badge{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:999px;display:none;place-items:center;background:var(--accent);color:#fff;font-size:10px}
#rblog .hrel-card.is-active .hrel-badge{display:grid}
#rblog{--acc:71,85,105}
html.dark #rblog{--acc:184,71,143}
#rblog .svcgrid{--gap:2.6rem;display:grid;grid-template-columns:1fr;gap:var(--gap);position:relative;margin-top:10px}
@media(min-width:640px){#rblog .svcgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){#rblog .svcgrid{grid-template-columns:repeat(3,1fr)}}
#rblog .svcgrid .scell{position:relative}
#rblog .svcgrid .scell::after{content:'';position:absolute;top:0;bottom:0;inset-inline-end:calc(var(--gap)/-2);width:3px;pointer-events:none;opacity:.6;display:none;
background:linear-gradient(180deg,rgba(var(--acc),0),rgba(var(--acc),.4) 15%,rgba(var(--acc),1) 50%,rgba(var(--acc),.4) 85%,rgba(var(--acc),0))}
#rblog .svcgrid .scell::before{content:'';position:absolute;left:0;right:0;top:calc(var(--gap)/-2);height:3px;transform:translateY(-50%);pointer-events:none;opacity:.6;
background:linear-gradient(90deg,rgba(var(--acc),0),rgba(var(--acc),.4) 15%,rgba(var(--acc),1) 50%,rgba(var(--acc),.4) 85%,rgba(var(--acc),0))}
#rblog .svcgrid .scell:nth-child(1)::before{display:none}
@media(min-width:640px){#rblog .svcgrid .scell::after{display:block}#rblog .svcgrid .scell:nth-child(2n)::after{display:none}#rblog .svcgrid .scell:nth-child(2)::before{display:none}}
@media(min-width:1024px){#rblog .svcgrid .scell:nth-child(2n)::after{display:block}#rblog .svcgrid .scell:nth-child(3n)::after{display:none}#rblog .svcgrid .scell:nth-child(3)::before{display:none}}
#rblog .zo{transition:transform .6s ease}
#rblog .scell:hover .zo{transform:scale(1.05)}
#rblog .scell:hover .ttl{opacity:.72}
#rblog .scell h2,#rblog .scell .ttl{transition:opacity .2s}
#rblog .bpag{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:60px}
#rblog .bpag-num,#rblog .bpag-btn{min-width:42px;height:42px;padding:0 12px;border-radius:12px;display:grid;place-items:center;font-weight:600;font-size:15px;color:var(--ink);
background:var(--glass-2);border:1px solid var(--glass-bd);backdrop-filter:blur(10px);transition:border-color .25s,background .25s,color .25s}
#rblog .bpag-num:hover,#rblog .bpag-btn:hover{border-color:var(--accent)}
#rblog .bpag-num.is-cur{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
#rblog .bpag-btn.is-off{opacity:.4;pointer-events:none}
#rblog .bpag-dots{color:var(--muted);padding:0 4px}
#rgl{--gi:#0e1320;--gm:#526072;--gb:#e2e8f0;--ga:#475569}
html.dark #rgl{--gi:#f4f1f7;--gm:#8a98ac;--gb:rgba(255,255,255,.10);--ga:#b8478f}
#rgl{max-width:1280px;margin:48px auto 0;padding:0 20px 8px;color:var(--gi);font-family:'Inter','Segoe UI',system-ui,sans-serif}
@media(min-width:768px){#rgl{padding-left:16px;padding-right:16px}}
#rgl .rgl-grp{border-top:1px solid var(--gb);padding:28px 0}
#rgl .rgl-grp h3{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ga);margin:0 0 18px}
#rgl .rgl-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 28px}
@media(min-width:640px){#rgl .rgl-list{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){#rgl .rgl-list{grid-template-columns:repeat(4,1fr)}}
#rgl .rgl-list a{font-size:14px;color:var(--gm);text-decoration:none;line-height:1.45;transition:color .2s ease}
#rgl .rgl-list a:hover{color:var(--ga)}
#rgl .rgl-list a i{font-size:9px;margin-right:7px;opacity:.5}
#rgl .rgl-grp--price .rgl-list{grid-template-columns:repeat(2,1fr)}
#rgl .rgl-grp--price h3{display:flex;align-items:center;gap:9px}
#rgl .rgl-grp--price h3 i{font-size:12px;opacity:.85}
#rgl .rgl-grp--price .rgl-list a i{font-size:10px;opacity:.6}
#rgl .rgl-all{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:600;color:var(--ga);text-decoration:none}
#rgl .rgl-all:hover{text-decoration:underline}
#rgl .rgl-all i{font-size:11px;transition:transform .2s ease}
#rgl .rgl-all:hover i{transform:translateX(3px)}
@property --bdeg{ syntax:''; initial-value:0deg; inherits:false; }
.gsnk{ position:relative; }
.gsnk::after{ content:''; position:absolute; inset:0; border-radius:inherit; padding:2px; pointer-events:none; z-index:6; filter:drop-shadow(0 0 5px var(--magenta-soft,#b8478f));
background:conic-gradient(from var(--bdeg), transparent 0deg, var(--magenta-soft,#b8478f) 48deg, var(--magenta,#8e2a6f) 88deg, transparent 150deg, transparent 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;
opacity:0; transition:opacity .35s ease; }
.gsnk:hover::after{ opacity:1; animation:bspin 5s linear infinite; }
@keyframes bspin{ to{ --bdeg:360deg; } }
@media(prefers-reduced-motion:reduce){ .gsnk:hover::after{ animation:none; } }
@keyframes gradientShift {
0%, 100% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
}
@property --bdeg { syntax:''; initial-value:0deg; inherits:false; }
.bh-sec{ --bh-acc:#475569; --bh-acc-bg:rgba(71,85,105,.09); --bh-acc-bd:rgba(71,85,105,.20);
padding:56px 0 96px; color:var(--text,#0e0e1a); overflow:hidden; }
@media (min-width:768px){ .bh-sec{ padding-top:136px; } }
.dark .bh-sec{ --bh-acc:#e07cba; --bh-acc-bg:rgba(184,71,143,.12); --bh-acc-bd:rgba(184,71,143,.30); color:var(--text,#f4f1f7); }
.bh-wrap{ max-width:80rem; margin:0 auto; padding:0 1rem; }
.bh-head{ text-align:center; margin-bottom:64px; }
.bh-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:.72rem; font-weight:700;
letter-spacing:.12em; text-transform:uppercase; color:var(--bh-acc); background:var(--bh-acc-bg);
border:1px solid var(--bh-acc-bd); padding:7px 14px; border-radius:999px; margin-bottom:20px; }
.bh-title{ font-size:clamp(1.9rem,4vw,2.85rem); font-weight:700; line-height:1.1; letter-spacing:-.01em; margin:0 0 16px; }
.bh-title b{ font-weight:700; color:#334155; }
.dark .bh-title b{ background:linear-gradient(100deg,#b8478f,#e07cba); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bh-sub{ font-size:1rem; line-height:1.6; color:var(--text-soft,#475569); max-width:640px; margin:0 auto; }
.dark .bh-sub{ color:var(--text-soft,#a6a3b8); }
.svc-row{ display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:center; margin-bottom:84px; }
.js-reveal .svc-row{ opacity:0; transform:translateY(22px); transition:opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1); }
.js-reveal .svc-row.in{ opacity:1; transform:none; }
.svc-row.rev .svc-text{ order:2; } .svc-row.rev .svc-media{ order:1; }
@media (max-width:900px){ .svc-row{ grid-template-columns:1fr; gap:28px; margin-bottom:56px; }
.svc-row.rev .svc-text{ order:1; } .svc-row.rev .svc-media{ order:2; } }
.svc-ico{ width:46px; height:46px; display:grid; place-items:center; border-radius:13px;
background:var(--bh-acc-bg); color:var(--bh-acc); font-size:19px; margin-bottom:16px; }
.svc-h{ font-size:1.5rem; font-weight:700; line-height:1.15; letter-spacing:-.01em; margin:0 0 6px; color:var(--text); }
.svc-cnt{ font-size:.78rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--bh-acc); margin-bottom:18px; display:block; }
.svc-chips{ display:flex; flex-wrap:wrap; gap:9px; }
.svc-chip{ display:inline-flex; align-items:center; gap:7px; font-size:.86rem; font-weight:500; text-decoration:none;
padding:8px 13px; border-radius:9px; color:var(--text,#0e0e1a);
background:var(--glass-bg,rgba(255,255,255,.55)); border:1px solid var(--glass-border,rgba(15,23,42,.10));
transition:background .35s, border-color .35s, color .35s; }
.dark .svc-chip{ color:var(--text,#f4f1f7); background:var(--glass-bg,rgba(18,18,30,.42)); border-color:var(--glass-border,rgba(255,255,255,.10)); }
.svc-chip:hover,.svc-chip.act{ background:var(--bh-acc-bg); border-color:var(--bh-acc-bd); color:var(--bh-acc); }
.svc-chip i{ font-size:10px; opacity:.5; }
.svc-more{ font-size:.84rem; font-weight:600; padding:8px 14px; border-radius:9px; cursor:pointer;
color:var(--bh-acc); background:transparent; border:1px dashed var(--bh-acc-bd); transition:background .3s; }
.svc-more:hover{ background:var(--bh-acc-bg); }
.glow-spin{ position:absolute; right:12px; bottom:12px; z-index:4; width:34px; height:34px; border-radius:50%;
display:grid; place-items:center; background:rgba(0,0,0,.42); backdrop-filter:blur(4px); }
.glow-spin span{ width:18px; height:18px; border-radius:50%; border:2.5px solid rgba(255,255,255,.32);
border-top-color:#fff; animation:gspin .7s linear infinite; }
@keyframes gspin{ to{ transform:rotate(360deg); } }
.svc-media{ position:relative; }
.glow{ position:relative; border-radius:20px; aspect-ratio:4/3; overflow:hidden;
background:var(--bh-acc-bg); border:1px solid var(--bh-acc-bd); }
.glow::before{ content:''; position:absolute; inset:0; border-radius:inherit; padding:2px; z-index:3; pointer-events:none;
background:conic-gradient(from var(--bdeg), transparent 0deg, var(--bh-acc) 55deg, transparent 130deg, transparent 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor; mask-composite:exclude;
opacity:0; transition:opacity .4s; will-change:opacity; }
.glow:hover::before{ opacity:.9; animation:bspin 4.5s linear infinite; }
@keyframes bspin{ to{ --bdeg:360deg; } }
@media (prefers-reduced-motion: reduce){ .glow:hover::before{ animation:none; } }
.glow-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
transition:opacity .45s ease, transform .8s cubic-bezier(.4,0,.2,1); }
.glow:hover .glow-photo{ transform:scale(1.05); }
.glow-ph{ position:absolute; inset:0; display:grid; place-items:center; color:var(--bh-acc); font-size:34px; opacity:.4; }
.glow-cap{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:30px 18px 16px; font-size:.92rem; font-weight:600; color:#fff;
background:linear-gradient(to top, rgba(0,0,0,.62), transparent); }
@media (prefers-reduced-motion: reduce){ .glow::before{ animation:none; } .svc-row{ transition:none; opacity:1; transform:none; } }
.bh-back{ display:inline-flex; align-items:center; gap:8px; margin-top:8px; font-size:.92rem; font-weight:600;
text-decoration:none; color:var(--bh-acc); }
.bh-back:hover{ text-decoration:underline; }
.bh-empty{ text-align:center; color:var(--text-soft,#8a98ac); padding:64px 0; }
.bh-cross{ display:inline-flex; align-items:center; gap:8px; margin-left:18px; font-size:.92rem; font-weight:600;
text-decoration:none; color:var(--bh-acc); }
.bh-cross:hover{ text-decoration:underline; }
@property --bdeg { syntax:''; initial-value:0deg; inherits:false; }
.bh-sec{ --bh-acc:#475569; --bh-acc-bg:rgba(71,85,105,.09); --bh-acc-bd:rgba(71,85,105,.20);
padding:56px 0 96px; color:var(--text,#0e0e1a); overflow:hidden; }
@media (min-width:768px){ .bh-sec{ padding-top:136px; } }
.dark .bh-sec{ --bh-acc:#e07cba; --bh-acc-bg:rgba(184,71,143,.12); --bh-acc-bd:rgba(184,71,143,.30); color:var(--text,#f4f1f7); }
.bh-wrap{ max-width:80rem; margin:0 auto; padding:0 1rem; }
.bh-head{ text-align:center; margin-bottom:64px; }
.bh-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:.72rem; font-weight:700;
letter-spacing:.12em; text-transform:uppercase; color:var(--bh-acc); background:var(--bh-acc-bg);
border:1px solid var(--bh-acc-bd); padding:7px 14px; border-radius:999px; margin-bottom:20px; }
.bh-title{ font-size:clamp(1.9rem,4vw,2.85rem); font-weight:700; line-height:1.1; letter-spacing:-.01em; margin:0 0 16px; }
.bh-title b{ font-weight:700; color:#334155; }
.dark .bh-title b{ background:linear-gradient(100deg,#b8478f,#e07cba); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bh-sub{ font-size:1rem; line-height:1.6; color:var(--text-soft,#475569); max-width:660px; margin:0 auto; }
.dark .bh-sub{ color:var(--text-soft,#a6a3b8); }
.svc-row{ display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:center; margin-bottom:84px; }
.js-reveal .svc-row{ opacity:0; transform:translateY(22px); transition:opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1); }
.js-reveal .svc-row.in{ opacity:1; transform:none; }
.svc-row.rev .svc-text{ order:2; } .svc-row.rev .svc-media{ order:1; }
@media (max-width:900px){ .svc-row{ grid-template-columns:1fr; gap:28px; margin-bottom:56px; }
.svc-row.rev .svc-text{ order:1; } .svc-row.rev .svc-media{ order:2; } }
.svc-ico{ width:46px; height:46px; display:grid; place-items:center; border-radius:13px;
background:var(--bh-acc-bg); color:var(--bh-acc); font-size:19px; margin-bottom:16px; }
.svc-h{ font-size:1.5rem; font-weight:700; line-height:1.15; letter-spacing:-.01em; margin:0 0 6px; color:var(--text); }
.svc-cnt{ font-size:.78rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--bh-acc); margin-bottom:18px; display:block; }
.svc-chips{ display:flex; flex-wrap:wrap; gap:9px; }
.svc-chip{ display:inline-flex; align-items:center; gap:7px; font-size:.86rem; font-weight:500; text-decoration:none;
padding:8px 13px; border-radius:9px; color:var(--text,#0e0e1a);
background:var(--glass-bg,rgba(255,255,255,.55)); border:1px solid var(--glass-border,rgba(15,23,42,.10));
transition:background .35s, border-color .35s, color .35s; }
.dark .svc-chip{ color:var(--text,#f4f1f7); background:var(--glass-bg,rgba(18,18,30,.42)); border-color:var(--glass-border,rgba(255,255,255,.10)); }
.svc-chip:hover,.svc-chip.act{ background:var(--bh-acc-bg); border-color:var(--bh-acc-bd); color:var(--bh-acc); }
.svc-chip i{ font-size:10px; opacity:.5; }
.svc-more{ font-size:.84rem; font-weight:600; padding:8px 14px; border-radius:9px; cursor:pointer;
color:var(--bh-acc); background:transparent; border:1px dashed var(--bh-acc-bd); transition:background .3s; }
.svc-more:hover{ background:var(--bh-acc-bg); }
.glow-spin{ position:absolute; right:12px; bottom:12px; z-index:4; width:34px; height:34px; border-radius:50%;
display:grid; place-items:center; background:rgba(0,0,0,.42); backdrop-filter:blur(4px); }
.glow-spin span{ width:18px; height:18px; border-radius:50%; border:2.5px solid rgba(255,255,255,.32);
border-top-color:#fff; animation:gspin .7s linear infinite; }
@keyframes gspin{ to{ transform:rotate(360deg); } }
.svc-media{ position:relative; }
.glow{ position:relative; border-radius:20px; aspect-ratio:4/3; overflow:hidden;
background:var(--bh-acc-bg); border:1px solid var(--bh-acc-bd); }
.glow::before{ content:''; position:absolute; inset:0; border-radius:inherit; padding:2px; z-index:3; pointer-events:none;
background:conic-gradient(from var(--bdeg), transparent 0deg, var(--bh-acc) 55deg, transparent 130deg, transparent 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor; mask-composite:exclude;
opacity:0; transition:opacity .4s; will-change:opacity; }
.glow:hover::before{ opacity:.9; animation:bspin 4.5s linear infinite; }
@keyframes bspin{ to{ --bdeg:360deg; } }
@media (prefers-reduced-motion: reduce){ .glow:hover::before{ animation:none; } }
.glow-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
transition:opacity .45s ease, transform .8s cubic-bezier(.4,0,.2,1); }
.glow:hover .glow-photo{ transform:scale(1.05); }
.glow-ph{ position:absolute; inset:0; display:grid; place-items:center; color:var(--bh-acc); font-size:34px; opacity:.4; }
.glow-cap{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:30px 18px 16px; font-size:.92rem; font-weight:600; color:#fff;
background:linear-gradient(to top, rgba(0,0,0,.62), transparent); }
@media (prefers-reduced-motion: reduce){ .glow::before{ animation:none; } .svc-row{ transition:none; opacity:1; transform:none; } }
.bh-back{ display:inline-flex; align-items:center; gap:8px; margin-top:8px; font-size:.92rem; font-weight:600;
text-decoration:none; color:var(--bh-acc); }
.bh-back:hover{ text-decoration:underline; }
.bh-empty{ text-align:center; color:var(--text-soft,#8a98ac); padding:64px 0; }
.bh-cross{ display:inline-flex; align-items:center; gap:8px; margin-left:18px; font-size:.92rem; font-weight:600;
text-decoration:none; color:var(--bh-acc); }
.bh-cross:hover{ text-decoration:underline; }
/* bölgesel ve fiyat listesi aynı bloğu taşır, yalnız alt yazı genişliği farklı (640 · 660): sayfa sınıfıyla ayrılır */
.bh-sec .bh-sub{max-width:640px}
.bh-sec.bh-fiyat .bh-sub{max-width:660px}
/* kategori 2+. sayfa ızgarası (kaynakta yalnız o sayfada satır içi) */
#blogs-grid.blog-gsep{ --acc:184,71,143; --gap:2.6rem; display:grid; grid-template-columns:1fr; gap:var(--gap); }
@media(min-width:640px){ #blogs-grid.blog-gsep{ grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ #blogs-grid.blog-gsep{ grid-template-columns:repeat(3,1fr); } }
#blogs-grid.blog-gsep .bcell{ position:relative; }
#blogs-grid.blog-gsep .bcell::after{ content:''; position:absolute; top:0; bottom:0; inset-inline-end:calc(var(--gap)/-2); width:3px; pointer-events:none; opacity:.7; display:none;
background:linear-gradient(180deg, rgba(var(--acc),0), rgba(var(--acc),.4) 15%, rgba(var(--acc),1) 50%, rgba(var(--acc),.4) 85%, rgba(var(--acc),0)); }
#blogs-grid.blog-gsep .bcell::before{ content:''; position:absolute; left:0; right:0; top:calc(var(--gap)/-2); height:3px; transform:translateY(-50%); pointer-events:none; opacity:.7;
background:linear-gradient(90deg, rgba(var(--acc),0), rgba(var(--acc),.4) 15%, rgba(var(--acc),1) 50%, rgba(var(--acc),.4) 85%, rgba(var(--acc),0)); }
#blogs-grid.blog-gsep .bcell:nth-child(1)::before{ display:none; }
@media(min-width:640px){ #blogs-grid.blog-gsep .bcell::after{ display:block; } #blogs-grid.blog-gsep .bcell:nth-child(2n)::after{ display:none; } #blogs-grid.blog-gsep .bcell:nth-child(2)::before{ display:none; } }
@media(min-width:1024px){ #blogs-grid.blog-gsep .bcell:nth-child(2n)::after{ display:block; } #blogs-grid.blog-gsep .bcell:nth-child(3n)::after{ display:none; } #blogs-grid.blog-gsep .bcell:nth-child(3)::before{ display:none; } }
#blogs-grid.blog-gsep .bcell .bimg{ aspect-ratio:16/10; border-radius:12px; overflow:hidden; }
#blogs-grid.blog-gsep .bcell .bimg img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease, filter .45s ease; }
#blogs-grid.blog-gsep .bcell:hover .bimg img{ transform:scale(1.06); filter:brightness(1.12) saturate(1.12); }
/* Sağdan sola (Arapça) hizmet köprüsü kartları (yazı içi): kaynak kartlar soldan sağa çizilmişti. Çapraz görselli kartta
(hk-diag) görsel sağda, metin solda dururken Arapçada metin sağa geçip görselin üstüne biniyordu — görsel sola alınır,
çapraz kesim aynalanır. Cam panelli kartta panelin iç kenar çizgisi ve yarı saydam karartma yönü döner; düğme ve
küçük kutu yazıları başlangıca (sağa) yaslanır. Satır içi stiller !important ile çevrilir. */
html[dir="rtl"] .tbk2 .hk-diag>img{
right:auto !important; left:0 !important;
-webkit-clip-path:polygon(0 0,78% 0,100% 100%,0 100%) !important; clip-path:polygon(0 0,78% 0,100% 100%,0 100%) !important;
}
html[dir="rtl"] .tbk2 .hk-splitp{ border-right:0 !important; }
html[dir="rtl"] .tbk2 .hk-go, html[dir="rtl"] .tbk2 .hk-mini-tx{ text-align:right; }
@media(max-width:600px){
html[dir="rtl"] .tbk2 .hk-diag>img{ -webkit-clip-path:none !important; clip-path:none !important; }
}
/* kaynak şablonun kendi stili (hizmet-hero), olduğu gibi */
.tbh{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:100dvh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.tbh-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.tbh-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 42%}
@keyframes tbhDrift{0%{transform:scale(1.05) translate(0,0)}100%{transform:scale(1.1) translate(-2.2%,-1.6%)}}
.tbh-media::after{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,#0b0712 0%,rgba(11,7,18,.9) 30%,rgba(11,7,18,.55) 52%,rgba(11,7,18,.55) 100%),
linear-gradient(0deg,#0b0712 3%,transparent 55%),
radial-gradient(120% 90% at 78% 18%,rgba(158,25,114,.26),transparent 52%)}
.tbh-grade{position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(158,25,114,.26),transparent 60%);mix-blend-mode:soft-light;pointer-events:none}
.tbh-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.tbh-in{position:relative;z-index:3;max-width:1240px;margin:0 auto;width:100%;padding:7rem 1.5rem 5rem;display:grid;grid-template-columns:1fr;gap:2.2rem;align-items:center;transition:opacity .1s linear}
@media(min-width:1000px){ .tbh-in{grid-template-columns:1.15fr .85fr;gap:3rem;padding:8rem 2rem 5rem} }
.tbh-kick{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.55rem;max-width:100%;font-size:.82rem;font-weight:700;color:#fff;padding:.42rem .95rem .42rem .5rem;border-radius:999px;
background:rgba(52,10,42,.45);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
border:1px solid rgba(255,255,255,.24);box-shadow:0 8px 22px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.4),0 0 22px -8px rgba(158,25,114,.55)}
.tbh-kick::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.22),transparent 42%)}
.tbh-kick>*{position:relative;z-index:1;min-width:0}
.tbh-kick>span:last-child{white-space:normal;line-height:1.2}
.tbh-kick .ki{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9E1972,#b8478f);font-size:.75rem;color:#fff;box-shadow:0 4px 12px -4px rgba(158,25,114,.7)}
.tbh-h1{font-size:clamp(1.95rem,4vw,3.15rem);line-height:1.07;letter-spacing:-.02em;font-weight:700;color:#fff;margin:1.05rem 0 0;text-shadow:0 3px 30px rgba(0,0,0,.4)}
.tbh-h1 .g{color:#e07cba}
.tbh-trust{display:inline-flex;align-items:center;gap:.5rem;margin-top:.9rem;font-size:.82rem;font-weight:600;color:#e9a6cf}
.tbh-pitch{font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.6;color:#c7bad2;margin:.9rem 0 0;max-width:46ch}
.tbh-why{list-style:none;padding:0;margin:1.3rem 0 0;display:grid;grid-template-columns:1fr;gap:.65rem}
@media(min-width:768px){ .tbh-why{grid-template-columns:1fr 1fr} }
.tbh-why li{display:flex;align-items:flex-start;gap:.55rem;font-size:.94rem;color:#f1ecf5;font-weight:500}
.tbh-why li i{color:#e07cba;margin-top:.2rem}
.tbh-calls{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.6rem}
/* 🫧 LIQUID GLASS butonlar (site FAB diliyle · bütünlük) · hepsi 2 satır */
.tbh-call{position:relative;overflow:hidden;display:flex;align-items:center;gap:.6rem;border-radius:14px;padding:.78rem 1rem;text-decoration:none;color:#f1ecf5;cursor:pointer;font:inherit;
background:rgba(52,10,42,.42);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
border:1px solid rgba(255,255,255,.22);
box-shadow:0 8px 22px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.4),0 0 22px -8px rgba(158,25,114,.55);
transition:border-color .25s,box-shadow .25s,background .25s}
.tbh-call::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
background:linear-gradient(125deg,rgba(255,255,255,.22) 0%,transparent 34%);box-shadow:inset 0 -14px 20px -16px rgba(158,25,114,.5)}
.tbh-call>*{position:relative;z-index:1}
.tbh-call:hover{border-color:rgba(255,255,255,.5);background:rgba(66,14,52,.5);box-shadow:0 10px 26px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.5),0 0 30px -6px rgba(158,25,114,.72)}
.tbh-call i{font-size:1.15rem;color:#e07cba}
.tbh-call.wa i{color:#25d366;font-size:1.3rem}
.tbh-call .k{font-size:.62rem;color:#c9b7d4;display:block;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.tbh-call .v{font-weight:700;direction:ltr;white-space:nowrap;font-size:.92rem}
/* 🫧 LIQUID GLASS form kartı */
.tbh-form{position:relative;border:1px solid rgba(255,255,255,.2);border-radius:22px;overflow:hidden;
background:rgba(40,14,34,.62);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
box-shadow:0 50px 100px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.42),0 0 80px -34px rgba(158,25,114,.6)}
.tbh-form::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,transparent 42%)}
.tbh-form>*{position:relative;z-index:1}
.tbh-form .ft{padding:1.2rem 1.4rem 1rem;border-bottom:1px solid rgba(233,166,207,.14);background:radial-gradient(120% 120% at 100% 0,rgba(158,25,114,.22),transparent 60%)}
.tbh-form .ft .t{font-size:1.28rem;font-weight:700;color:#fff}
.tbh-form .ft .s{font-size:.86rem;color:#c7bad2;margin-top:.28rem}
.tbh-form .fb{padding:1.2rem 1.4rem 1.4rem}
.tbh-fl{margin-bottom:.75rem}
.tbh-fl label{display:block;font-size:.76rem;font-weight:600;color:#c7bad2;margin-bottom:.35rem}
.tbh-fl input{width:100%;background:rgba(11,7,18,.42);border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:.88rem 1.05rem;color:#f1ecf5;font:inherit;font-size:.98rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s,box-shadow .2s}
.tbh-fl input::placeholder{color:#9a8ca6}
.tbh-fl input:focus{outline:none;border-color:#e07cba;box-shadow:0 0 0 3px rgba(184,71,143,.25)}
/* 🫧 LIQUID GLASS birincil buton (sheen) */
.tbh-sub{position:relative;overflow:hidden;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:1px solid rgba(255,255,255,.28);border-radius:13px;padding:1.02rem;font-size:1.04rem;font-weight:700;color:#fff;cursor:pointer;
background:linear-gradient(135deg,#9E1972,#b8478f);box-shadow:0 16px 40px -14px rgba(158,25,114,.95),inset 0 1px 0 rgba(255,255,255,.45),0 0 26px -8px rgba(158,25,114,.6);transition:filter .2s,box-shadow .2s}
.tbh-sub::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.3) 0%,transparent 38%)}
.tbh-sub>*{position:relative;z-index:1}
.tbh-sub:hover{filter:brightness(1.08)}
.tbh-sub[disabled]{opacity:.75;cursor:default}
.tbh-note{font-size:.73rem;color:#8a7d95;margin:.8rem 0 0;display:flex;align-items:center;gap:.4rem;justify-content:center;text-align:center}
.tbh-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
.tbh-flash{display:none;padding:.8rem 1rem;border-radius:12px;font-size:.88rem;margin-bottom:.8rem;border:1px solid;align-items:center;gap:.5rem}
.tbh-flash.ok{display:flex;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4);color:#4ade80}
.tbh-flash.err{display:flex;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4);color:#fca5a5}
.tbh-next{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#c7bad2;text-decoration:none;font-size:.82rem;font-weight:600}
.tbh-next .ic{width:38px;height:38px;border-radius:50%;border:1px solid rgba(233,166,207,.35);display:grid;place-items:center;background:rgba(11,7,18,.4);backdrop-filter:blur(8px);animation:tbhBob 1.9s ease-in-out infinite}
.tbh-next:hover .ic{border-color:#e07cba}
@keyframes tbhBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
/* 📱 MOBİL · aynı düzen (dikey stack) · okunurluk + tam-genişlik cam butonlar */
@media(max-width:999px){
/* 📱 SADE MOBİL: arka plan illüstrasyonu tamamen KALDIRILDI → temiz gradient (okunurluk maksimum). DARK varsayılan. */
.tbh{display:block;min-height:100dvh;
background:radial-gradient(135% 80% at 50% -2%,rgba(158,25,114,.32),transparent 56%),linear-gradient(180deg,#170b23 0%,#0a0712 62%)}
.tbh-media{display:none !important}
.tbh-in{padding:5.5rem 1.2rem 3rem;gap:1.5rem}
.tbh-h1{font-size:clamp(1.7rem,7vw,2.4rem)}
.tbh-pitch{max-width:none}
.tbh-form{margin-top:.2rem}
.tbh-call{flex-direction:column;justify-content:center;text-align:center;gap:.3rem;padding:.72rem .35rem}
.tbh-call .v{display:none}
.tbh-call .k{font-size:.58rem}
.tbh-call i{font-size:1.35rem}
.tbh-next{position:static;transform:none;left:auto;bottom:auto;margin:1.4rem auto .3rem}
/* ☀️ SADE MOBİL · LIGHT MODE — aynı düzen, açık zemin + koyu okunur metin (yalnız mobil) */
html:not(.dark) .tbh{ background:radial-gradient(135% 80% at 50% -2%,rgba(158,25,114,.10),transparent 56%),linear-gradient(180deg,#fdf6fb 0%,#f4ecf3 62%) }
html:not(.dark) .tbh-h1{ color:#1a1226; text-shadow:none }
html:not(.dark) .tbh-h1 .g{ color:#9E1972 }
html:not(.dark) .tbh-trust{ color:#9E1972 }
html:not(.dark) .tbh-pitch{ color:#5b5266; text-shadow:none }
html:not(.dark) .tbh-why li{ color:#2a2233; text-shadow:none }
html:not(.dark) .tbh-why li i{ color:#9E1972 }
html:not(.dark) .tbh-kick{ background:rgba(158,25,114,.07); border-color:rgba(158,25,114,.22); box-shadow:none; text-shadow:none }
html:not(.dark) .tbh-kick::before{ display:none }
html:not(.dark) .tbh-kick,html:not(.dark) .tbh-kick *{ text-shadow:none; color:#5b1244 }
html:not(.dark) .tbh-call{ background:#fff; border-color:#eed9e9; box-shadow:0 2px 12px -4px rgba(120,20,80,.10) }
html:not(.dark) .tbh-call::before{ display:none }
html:not(.dark) .tbh-call .k{ color:#8a5a78 }
html:not(.dark) .tbh-call i{ color:#9E1972 }
html:not(.dark) .tbh-call.wa i{ color:#20a24a }
html:not(.dark) .tbh-form{ background:#fff; border-color:#eed9e9; box-shadow:0 24px 60px -28px rgba(120,20,80,.20) }
html:not(.dark) .tbh-form::before{ display:none }
html:not(.dark) .tbh-form .ft{ border-bottom-color:#f2e4ee; background:radial-gradient(120% 120% at 100% 0,rgba(158,25,114,.07),transparent 60%) }
html:not(.dark) .tbh-form .ft .t{ color:#1a1226 }
html:not(.dark) .tbh-form .ft .s{ color:#5b5266 }
html:not(.dark) .tbh-form .ft .s b{ color:#9E1972 }
html:not(.dark) .tbh-fl label{ color:#5b5266 }
html:not(.dark) .tbh-fl input{ background:#faf4f8; border-color:#e8d6e3; color:#1a1226 }
html:not(.dark) .tbh-fl input::placeholder{ color:#a898a6 }
html:not(.dark) .tbh-note{ color:#6f6580 } /* AA: 3,85 → 5,46 */
html:not(.dark) .tbh-next{ color:#6b5a70 }
html:not(.dark) .tbh-next .ic{ background:rgba(255,255,255,.75); border-color:rgba(158,25,114,.28) }
}
@media (prefers-reduced-motion: reduce){ .tbh-media img,.tbh-next .ic{animation:none} .tbh-in{transition:none} }
/* kaynak şablonun kendi stili (hizmet-koprusu), olduğu gibi */
.tbk2{ margin:2rem 0; }
.tbk2 *{ box-sizing:border-box; }
.tbk2 img{ margin:0; max-width:none; }
.tbk2 .hk-glass{ background:rgba(255,255,255,.55); -webkit-backdrop-filter:blur(22px) saturate(185%); backdrop-filter:blur(22px) saturate(185%); border:1px solid rgba(255,255,255,.6); }
html.dark .tbk2 .hk-glass{ background:rgba(20,16,30,.44); border:1px solid rgba(255,255,255,.1); }
.tbk2 .hk-neoncard{ background:rgba(247,239,243,.92); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
html.dark .tbk2 .hk-neoncard{ background:rgba(16,9,20,.9); }
.tbk2 .hk{ --hk-mag:#8e2a6f; --hk-ink:#171019; --hk-sub:#544c5c; --hk-mini:rgba(142,42,111,.08); --hk-mini-h:rgba(142,42,111,.16); --hk-illsub:#544c5c;
font-family:inherit; color:var(--hk-ink); }
html.dark .tbk2 .hk{ --hk-mag:#e07cba; --hk-ink:#f6eefc; --hk-sub:#c3bacd; --hk-mini:rgba(224,124,186,.11); --hk-mini-h:rgba(224,124,186,.22); --hk-illsub:rgba(255,255,255,.78); }
.tbk2 .hk *{ box-sizing:border-box; }
.tbk2 .hk-eyebrow{ display:inline-flex; align-items:center; gap:.45rem; font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--hk-mag); }
.tbk2 .hk-title{ margin:.7rem 0 .6rem; line-height:1.14; font-weight:800; color:var(--hk-ink); letter-spacing:-.02em; }
.tbk2 .hk-lead{ margin:0; font-size:1.05rem; line-height:1.6; color:var(--hk-sub); }
.tbk2 .hk-go{ display:flex; align-items:center; justify-content:space-between; gap:.55rem; min-height:56px; padding:.85rem 1.4rem; border-radius:15px;
font-weight:800; font-size:1.04rem; line-height:1.25; text-align:left; text-decoration:none; color:#fff; width:100%;
background:linear-gradient(135deg,#b8478f,#8e2a6f); border:1px solid transparent; transition:background .2s ease; }
.tbk2 .hk-go i{ font-size:.85rem; } .tbk2 .hk-go:hover{ background:linear-gradient(135deg,#7a2360,#5c1a48); gap:.85rem; }
/* 4 buton: eşit genişlik grid · geniş köprüde 1 sıra, dar kolonda 2×2 · asla 3 sıra (auto-fit minmax) */
.tbk2 .hk-acts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(138px,1fr)); gap:.5rem; margin-top:1rem; }
/* İletişim kartı hücrelerinin AYNISI: ikon solda + iki satır · büyük boyut (~58px) · sola dayalı */
.tbk2 .hk-mini{ display:flex; align-items:center; justify-content:flex-start; gap:.6rem; min-width:0; min-height:58px; padding:.6rem .8rem; border-radius:13px;
text-decoration:none; color:var(--hk-ink); background:var(--hk-mini); border:none; transition:background .2s ease, color .2s ease; }
.tbk2 .hk-mini i{ font-size:1.15rem; color:var(--hk-mag); flex:0 0 auto; }
.tbk2 .hk-mini-tx{ display:flex; flex-direction:column; line-height:1.2; text-align:left; min-width:0; }
.tbk2 .hk-mini-tx small{ font-size:.72rem; font-weight:600; opacity:.72; }
.tbk2 .hk-mini-tx b{ font-size:.94rem; font-weight:800; white-space:nowrap; }
.tbk2 .hk-mini:hover{ background:var(--hk-mini-h); color:var(--hk-mag); }
.tbk2 .hk-mini--wa i{ color:#25D366; }
.tbk2 .hk-thumb{ width:100%; height:100%; object-fit:cover; display:block; }
@media(max-width:600px){
.tbk2 .hk-2col{ grid-template-columns:1fr !important; }
.tbk2 .hk-diag>img{ width:100% !important; -webkit-clip-path:none !important; clip-path:none !important; opacity:.28; }
.tbk2 .hk-diag>div{ max-width:100% !important; }
.tbk2 .hk-splitp{ width:100% !important; }
}
/* kaynak şablonun kendi stili (kopru-kenar), olduğu gibi */
/* ikon solda (kocaman değil) + başlık responsive: dar kolonda küçük, geniş ekranda büyür */
.tbk-side{ transition:border-color .18s ease; }
.tbk-side:hover{ border-color:#e07cba; }
.tbk-side-ic{ font-size:1.4rem; flex:0 0 auto; }
.tbk-side-h{ font-size:1.05rem; flex:1 1 auto; min-width:0; }
@media (min-width:1280px){ .tbk-side-ic{ font-size:1.6rem; } .tbk-side-h{ font-size:1.3rem; } }
@media (min-width:1536px){ .tbk-side-h{ font-size:1.45rem; } }
/* kaynak şablonun kendi stili (kopru-mobil-hap), olduğu gibi */
.tbk-wapill{ display:none; }
@media (max-width:1023px){
/* WhatsApp FAB: left:24 + width:50 + 8px boşluk = pill sol kenarı; bottom + yükseklik FAB ile AYNI */
.tbk-wapill{ position:fixed; left:82px; bottom:calc(35px + env(safe-area-inset-bottom,0px)); z-index:40;
height:50px; display:flex; align-items:center; gap:.5rem; padding:0 1rem; border-radius:9999px; text-decoration:none;
background:linear-gradient(150deg,#9E1972,#7f145b); color:#fff; font-weight:800; font-size:.9rem; white-space:nowrap;
max-width:calc(100vw - 190px); overflow:hidden;
border:1px solid rgba(255,255,255,.45); box-shadow:0 8px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.4); }
.tbk-wapill i{ font-size:1.05rem; flex:0 0 auto; }
.tbk-wapill span{ overflow:hidden; text-overflow:ellipsis; }
}