
body{margin:0}
.hero-rp{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center}
.sahne{position:relative;height:440px;perspective:1500px}
.panel{position:absolute;inset:20px 0 0 0;transform-style:preserve-3d;transform:rotateX(22deg) rotateY(-22deg) rotateZ(3deg);animation:sal 10s ease-in-out infinite}
@keyframes sal{0%,100%{transform:rotateX(22deg) rotateY(-22deg) rotateZ(3deg)}50%{transform:rotateX(14deg) rotateY(-12deg) rotateZ(1deg) translateY(-10px)}}
.pn{position:absolute;inset:0;background:#fff;border-radius:26px;box-shadow:0 50px 80px -40px rgba(0,0,0,.45);padding:22px;border:1px solid var(--line2)}
.pn-ust{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.pn-nk{width:10px;height:10px;border-radius:50%;background:var(--line)}
.pn-bas{font-size:13px;font-weight:600;margin-left:8px}
.pn-izg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pn-st{background:var(--card);border-radius:14px;padding:12px}
.pn-st .e{font-size:11px;color:var(--soft)}
.pn-st .d{font-size:20px;font-weight:700;margin-top:2px;letter-spacing:-.02em}
.pn-cubuk{display:flex;align-items:flex-end;gap:8px;height:130px;margin-top:16px;padding:0 4px;border-bottom:1px solid var(--line2)}
.pb{flex:1;border-radius:6px 6px 0 0;background:var(--accBg);transform-origin:bottom;animation:buyu 2.4s ease-in-out infinite alternate}
.pb.on{background:var(--acc)}
@keyframes buyu{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
.pn-cizgi{margin-top:14px}
.pn-cizgi path{stroke-dasharray:420;stroke-dashoffset:420;animation:ciz 4s ease-in-out infinite alternate}
@keyframes ciz{to{stroke-dashoffset:0}}
.yuz{position:absolute;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 30px 50px -24px rgba(0,0,0,.4);font-size:13px;border:1px solid var(--line2)}
.yuz b{display:block;font-size:14px}
.yuz.y1{right:-6px;top:-4px;transform:translateZ(90px)}
.yuz.y2{left:-14px;bottom:30px;transform:translateZ(120px);background:var(--acc);color:#fff;border-color:var(--acc)}
.yuz.y2 b{color:#fff}
.ornek{font-size:12px;color:var(--soft);margin:18px 0 0}
.kesif{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;margin-top:40px;align-items:start}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.chip{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:600 14px Poppins,sans-serif;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:var(--ink)}
.chip.on{background:#000;color:#fff;border-color:#000}
.liste{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow-y:auto;padding:4px}
.rit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:64px;padding:12px 16px;border-radius:16px;background:#fff;border:1.5px solid transparent;cursor:pointer;font:600 15px Poppins,sans-serif;color:var(--ink);text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}
.rit:hover{transform:translateX(4px)}
.rit.on{border-color:var(--acc);box-shadow:0 0 0 4px var(--accBg)}
.rit-s{display:block;font-weight:500;font-size:12px;color:var(--soft);margin-top:2px;line-height:1.4}
.rit-g{font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--card);color:var(--soft);white-space:nowrap}
.rdet{position:sticky;top:90px;background:#fff;border-radius:28px;padding:32px;animation:gel .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes gel{from{opacity:0;transform:perspective(1200px) rotateY(-8deg) translateX(20px)}to{opacity:1;transform:none}}
.rdet-q{font-size:clamp(20px,2.4vw,26px);font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:12px 0 0}
.grafik{display:flex;align-items:flex-end;gap:8px;height:120px;margin-top:22px;padding:14px 14px 0;border-radius:18px;background:var(--card);overflow:hidden}
.gb{flex:1;border-radius:6px 6px 0 0;background:#9DBDF0;transform-origin:bottom;animation:buyu 2.2s ease-in-out infinite alternate}
.gb.on{background:var(--acc)}
.gec{margin:18px 0 0;padding:0;list-style:none}
.gec li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid var(--line2);font-size:15px;line-height:1.5}
.tik{color:var(--ok)}
.karar{margin-top:18px;border-radius:16px;background:var(--accBg);color:var(--accDk);padding:16px 18px;font-size:15px;line-height:1.55}
.karar b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.not-r{margin-top:12px;font-size:13px;color:var(--soft);line-height:1.5}
.kime{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px;perspective:1200px}
.kime .kart-g{transition:transform .35s,box-shadow .35s;padding:30px}
.kime .kart-g:hover{transform:rotateX(5deg) rotateY(-5deg) translateY(-5px);box-shadow:0 30px 50px -28px rgba(0,0,0,.3)}
.kime h3{font-size:22px;margin:16px 0 6px}
.kime .ak{color:var(--soft);font-size:15px;line-height:1.55;margin:0}
.kime ul{list-style:none;margin:16px 0 0;padding:0}
.kime li{padding:9px 0;border-top:1px solid var(--line2);font-size:14px;font-weight:500}
.ikon{width:48px;height:48px;border-radius:14px;background:var(--accBg);color:var(--accDk);display:flex;align-items:center;justify-content:center}
.yetki{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center;margin-top:24px;padding:22px 26px;border-radius:22px;background:#000;color:#fff}
.yetki-ik{width:44px;height:44px;border-radius:12px;background:#1d1d1f;color:#8FB8F5;display:flex;align-items:center;justify-content:center}
.yetki p{margin:0;font-size:15px;line-height:1.6;color:#d2d2d7}
.yetki b{color:#fff}
@media (max-width:980px){
.hero-rp,.kesif,.kime{grid-template-columns:minmax(0,1fr)}
.sahne{height:400px}
.rdet{position:static}
.liste{max-height:none}
}
@media (max-width:600px){
.sahne{height:360px}
.yuz.y1{display:none}
.panel{transform:rotateX(14deg) rotateY(-12deg)}
.rdet{padding:22px}
.pn-izg{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-st.gizle{display:none}
.rit{grid-template-columns:minmax(0,1fr)}
.rit-g{justify-self:start}
}

.nav .dil{position:relative;display:inline-flex;margin-right:4px}
.dil-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line,#d2d2d7);background:#fff;font:600 13px Poppins,system-ui,sans-serif;color:var(--ink,#1d1d1f);cursor:pointer;transition:border-color .2s}
.dil-btn:hover{border-color:var(--ink,#1d1d1f)}
.dil-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:#fff;border-radius:16px;padding:6px;box-shadow:0 24px 50px -20px rgba(0,0,0,.35);border:1px solid var(--line2,#e8e8ed);z-index:300;display:flex;flex-direction:column}
.dil-it{min-height:44px;padding:0 14px;border:0;background:none;border-radius:10px;text-align:left;font:500 14px Poppins,system-ui,sans-serif;cursor:pointer;color:var(--ink,#1d1d1f)}
.dil-it:hover{background:var(--card,#f5f5f7)}
.dil-it.on{background:var(--accBg,#E8F0FB);color:var(--accDk,#104A9F);font-weight:600}
.mdil{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 6px}
.dil-chip{min-height:44px;min-width:56px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line,#d2d2d7);background:#fff;font:600 14px Poppins,system-ui,sans-serif;color:var(--ink,#1d1d1f);cursor:pointer}
.dil-chip.on{background:#000;color:#fff;border-color:#000}
.lp[lang="zh-Hans"],.dm[lang="zh-Hans"]{font-family:"Noto Sans SC",Poppins,system-ui,sans-serif}
.lp .h1,.lp .h2,.lp h3,.lp .btn{overflow-wrap:break-word}
@media (max-width:980px){.nav .dil{display:none}}

.nav-links a,.nav-links .dd-btn,.giris-link,.nav .btn,.dil-btn{white-space:nowrap}
@media (max-width:1240px) and (min-width:981px){.nav-links{gap:16px !important}.nav-links a,.nav-links .dd-btn,.giris-link{font-size:13.5px}}

h1,h2,h3,.h1,.h2{overflow-wrap:normal !important;word-break:normal !important;-webkit-hyphens:auto;hyphens:auto}
