:root{--n:#0f1f46;--o:#f27a1a;--o2:#e06a0c;--b:#2f6bdc;--g:#1fa463;--p:#6a4fd8;--l:#e3e8f2}
*{box-sizing:border-box;margin:0}
body{font:400 15px/1.5 'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;color:#1a2547;background:#fff}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}
.w{max-width:1240px;margin:0 auto;padding:0 28px}
header{background:#fff;border-bottom:1px solid var(--l);position:sticky;top:0;z-index:20}
.hr{display:flex;align-items:center;gap:30px;height:82px}.hr img{height:52px;width:auto}
.hr nav{display:flex;gap:26px;margin-left:34px;font-weight:600;font-size:14px}.hr nav a:hover{color:var(--o)}
.hr .r{margin-left:auto;display:flex;align-items:center;gap:22px}
.tel{font-weight:700;font-size:14px;white-space:nowrap}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--o);color:#fff;font-weight:700;border-radius:999px;padding:11px 22px;border:0;cursor:pointer;font-size:14px}
.pill:hover{background:var(--o2)}.pill.s{padding:9px 18px;font-size:13px}
.pill.ol{background:#fff;color:var(--o2);border:1.5px solid var(--o)}
.burger{display:none;margin-left:auto;background:0;border:0;padding:8px;color:var(--n)}.burger svg{display:block;stroke:var(--n)}
/* hero */
.hero{background:linear-gradient(100deg,#0a1432 0%,#0f2150 38%,#27468a 70%,#8fa9d4 100%);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-80px;top:-60px;width:620px;height:620px;background:radial-gradient(circle,#ffffff40,transparent 65%)}
.hg{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center;position:relative;padding:48px 28px 64px}
.hg>*{min-width:0}
.hero h1{font-size:50px;line-height:1.08;font-weight:800;letter-spacing:-.02em}.hero h1 span{color:var(--o);display:block}
.hero p{margin:18px 0 22px;font-size:18px;color:#d6def3;max-width:480px}.hero p b{color:#fff;display:block;margin-top:6px}
.cta{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.cta .tl{font-weight:700;display:flex;gap:10px;align-items:center}
.cta .tl svg{width:20px;height:20px;stroke:var(--o);fill:none;stroke-width:2}
.dv{position:relative;height:400px}
.lap{position:absolute;left:0;top:14px;width:84%;transform:perspective(1400px) rotateY(-14deg) rotateX(3deg);transform-origin:left center}
.lap .sc{background:#0b1736;border:7px solid #1b2748;border-radius:12px 12px 2px 2px;aspect-ratio:16/10;overflow:hidden;box-shadow:0 30px 60px #0007}
.lap:after{content:"";display:block;height:12px;margin:0 -6%;background:linear-gradient(#cfd6e8,#8995b3);border-radius:0 0 16px 16px}
.dash{display:grid;grid-template-columns:44px 1fr;height:100%;font-size:7px;background:#f3f6fc;color:#1a2547}
.dash .sb{background:#0f1f46;padding:10px 0;display:grid;gap:7px;align-content:start;justify-items:center}.dash .sb i{width:18px;height:3px;background:#4a5d92;border-radius:2px}.dash .sb i:first-child{background:var(--o);height:10px;width:10px;border-radius:3px}
.dash .mn{padding:10px;display:grid;gap:7px;align-content:start}
.dash .st4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dash .st4 div{border-radius:5px;padding:6px 7px;color:#fff;font-weight:700;font-size:6.5px}.dash .st4 b{display:block;font-size:13px;margin-top:2px}
.dash .row2{display:grid;grid-template-columns:1.6fr 1fr;gap:6px}
.dash .bx{background:#fff;border-radius:5px;padding:6px}.dash .bx svg{display:block;width:100%}
.dash .tb div{display:flex;justify-content:space-between;border-top:1px solid #eef1f8;padding:3px 0;font-size:6.5px}
.ph{position:absolute;right:0;bottom:0;width:150px;background:#0a1330;border:5px solid #26345c;border-radius:24px;padding:10px 7px;box-shadow:0 24px 50px #0009;color:#1a2547}
.ph .sc2{background:#f3f6fc;border-radius:16px;padding:9px;font-size:9px;min-height:250px}
.ph .sc2>b{display:block;font-size:11px;margin-bottom:6px}
.ph .it{background:#fff;border-radius:8px;padding:6px 7px;margin-top:5px;display:flex;justify-content:space-between;gap:4px;align-items:center}
.ph .it small{display:block;color:#69718f;font-size:8px}
.bd{font-size:8px;font-weight:700;border-radius:4px;padding:1px 5px;background:#dff3e8;color:#126a40;white-space:nowrap}.bd.o{background:#ffe4cb;color:#b4570a}.bd.b{background:#dfe9fb;color:#2f56b8}
/* sector strip */
.ss{background:#eef3fb;border-bottom:1px solid var(--l)}
.ssg{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;padding:16px 28px}
.ssg h2{font-size:17px;line-height:1.25;background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 4px 14px #0f1f4614}
.sg{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.sg a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 2px;border-radius:10px;font-weight:600;font-size:13px;background:#fff;box-shadow:0 2px 8px #0f1f4610}
.sg a:hover{box-shadow:0 6px 16px #0f1f4626}
.sg svg{width:28px;height:28px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* bands */
.bandw{padding:34px 0}.bandb{padding:34px 0;background:linear-gradient(180deg,#f3f6fc,#fff)}
h2.t{font-size:30px;line-height:1.12;letter-spacing:-.015em;color:var(--n);font-weight:800}
.lead{color:#47507a;margin:10px 0 12px}
.ck{list-style:none;padding:0;display:grid;gap:5px;margin-bottom:16px;font-weight:500}.ck li:before{content:"✓";color:var(--o);font-weight:800;margin-right:9px}
.r3{display:grid;grid-template-columns:330px 1fr 280px;gap:26px;align-items:center}.r3>*{min-width:0}
.tab{background:#0f1f46;border-radius:16px;padding:8px;box-shadow:0 18px 40px #0f1f4638}
.tab .in{background:#fff;border-radius:10px;padding:16px;display:grid;gap:12px}
.tab h3{font-size:16px}
.td{display:grid;grid-template-columns:48px 1fr 1fr 22px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eef1f8;font-size:13px}
.ck2{width:20px;height:20px;border-radius:50%;border:2px solid #c3cbe2;display:block}.ck2.on{background:var(--g);border-color:var(--g);position:relative}.ck2.on:after{content:"✓";color:#fff;position:absolute;inset:0;font-size:12px;text-align:center;line-height:16px}
.tm{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tm div{background:#f3f6fc;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:600}.tm b{display:block;font-size:24px}
.kz{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f1f4616;padding:22px;text-align:center}
.kz .rk{width:54px;height:54px;border-radius:50%;background:#fff1e4;margin:0 auto 8px;display:grid;place-items:center}
.kz .rk svg{width:28px;height:28px;stroke:var(--o2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kz h3{font-size:18px}.kz p{font-size:13px;color:#59628a;margin:6px 0 14px}
.stp{display:flex;align-items:center;justify-content:center}
.stp i{width:14px;height:14px;border-radius:50%;border:2px solid #c3cbe2;background:#fff;flex:none}.stp i.d{background:var(--o);border-color:var(--o)}.stp i.c{border-color:var(--b)}
.stp u{height:2px;width:30px;background:#c3cbe2}.stp u.d{background:var(--b)}
.r4{display:grid;grid-template-columns:280px 1fr 190px;gap:24px;align-items:center}.r4>*{min-width:0}
.tl4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.tl4:before{content:"";position:absolute;left:24px;right:24px;top:24px;height:2px;background:#d3dbef}
.tl4 .st{position:relative}.tl4 .ic{width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 4px 14px #0f1f4620;display:grid;place-items:center;margin-bottom:10px;position:relative}
.tl4 .ic svg{width:24px;height:24px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tl4 time{font-weight:800;font-size:16px;display:block}.tl4 span{font-size:13px;color:#59628a;display:block}
.ph2{width:178px;margin:0 auto;background:#0a1330;border:5px solid #26345c;border-radius:24px;padding:9px 7px}
.ph2 .sc2{background:#fff;border-radius:16px;padding:10px;font-size:9px}
.sig{height:70px;border:1px dashed #b9c2dc;border-radius:8px;margin:8px 0}.sig svg{width:100%;height:100%}
.r5{display:grid;grid-template-columns:230px 250px 1fr;gap:20px;align-items:center}.r5>*{min-width:0}
.col{position:relative;height:190px}.col img{position:absolute;border-radius:6px;box-shadow:0 10px 24px #0f1f4636;border:1px solid var(--l);background:#fff}
.col img:nth-child(1){left:0;top:0;width:150px}.col img:nth-child(2){left:70px;top:40px;width:160px;z-index:2}.col img:nth-child(3){left:20px;top:100px;width:150px;z-index:3}
.pr{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pr>h2{grid-column:1/-1;font-size:22px;margin-bottom:-2px}
.pc{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 22px #0f1f4620;display:flex;flex-direction:column;position:relative}
.pc h3{background:var(--n);color:#fff;padding:12px 14px;font-size:14px}
.pc h3 b{display:block;font-size:20px;margin-top:2px}.pc h3 small{font-size:11px;font-weight:600;opacity:.8}
.pc:nth-child(3) h3{background:#1f4ab0}.pc.pop h3{background:var(--o)}
.pc .tag{position:absolute;right:8px;top:8px;background:#fff;color:var(--o2);font-size:10px;font-weight:800;border-radius:999px;padding:2px 8px}
.pc ul{list-style:none;padding:12px 14px;display:grid;gap:5px;font-size:12.5px;flex:1}.pc li:before{content:"✓";color:var(--o);font-weight:800;margin-right:6px}
.pc .pill{margin:0 12px 12px;background:#fff;color:var(--n);border:1.5px solid #cfd8ee;padding:8px;font-size:12px}.pc.pop .pill{background:var(--o);color:#fff;border-color:var(--o)}
.fqg{display:grid;grid-template-columns:200px 1fr 1fr;gap:20px;align-items:start}.fqg>*{min-width:0}
.fqg h2{font-size:24px;line-height:1.15}
.fqc{display:grid;gap:8px}
details{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0f1f4614}
summary{cursor:pointer;padding:11px 14px;font-weight:600;font-size:13.5px;list-style:none;display:flex;justify-content:space-between;gap:10px}
summary:after{content:"+";color:var(--o2);font-size:18px;line-height:1}details[open] summary:after{content:"–"}
details p{padding:0 14px 12px;color:#59628a;font-size:13px}
.cb{background:linear-gradient(110deg,#0a1a42,#1d3f8f);border-radius:18px;color:#fff;padding:28px 36px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin:8px 0 28px}
.cb>*{min-width:0}.cb h2{font-size:30px;line-height:1.15}.cb h2 span{color:var(--o)}.cb p{color:#d6def3;margin-top:6px}
.frm{display:flex;gap:0;background:#fff;border-radius:999px;padding:5px;align-items:center}
.frm div{flex:1}.frm label{position:absolute;left:-9999px}
.frm input{width:100%;height:44px;border:0;padding:0 20px;font-size:15px;background:transparent;outline:0;color:#1a2547}
footer{background:var(--n);color:#b7c1e0;padding:28px 0;font-size:13px}footer .w{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}footer a{margin-right:16px}
@media(max-width:1060px){.hr nav,.hr .r{display:none}.burger{display:block}
.hg{grid-template-columns:1fr;padding:40px 24px 56px}.hero h1{font-size:38px}.dv{height:360px}
.ssg{grid-template-columns:1fr}.sg{grid-template-columns:repeat(4,1fr)}
.r3,.r4,.r5,.fqg,.cb{grid-template-columns:1fr}.pr{grid-template-columns:1fr 1fr}.col{height:210px;max-width:260px}}
@media(max-width:560px){.w{padding:0 18px}.hg{padding:36px 18px 52px}.hero h1{font-size:32px}.hero p{font-size:16px}.dv{height:300px}.ph{width:120px}.ph .sc2{min-height:190px}
.sg{gap:6px}.sg a{font-size:11px}.tl4{grid-template-columns:1fr 1fr;row-gap:20px}.tl4:before{display:none}.pr{grid-template-columns:1fr}.cb{padding:24px 20px}.cb h2{font-size:25px}
h2.t{font-size:26px}.td{grid-template-columns:44px 1fr 22px}.td span:nth-child(3){display:none}}
.pc.pop h3{padding-top:26px}.pc .tag{top:6px;left:14px;right:auto}
/* hero görsel */
.hero{background:#0a1a3c}
.hero:before{display:none}
.hi{position:absolute;right:0;top:0;bottom:0;width:72%;z-index:0}
.hi img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.hg{position:relative;z-index:1;grid-template-columns:minmax(0,520px) 1fr;min-height:470px;padding-top:56px;padding-bottom:56px}
.hero p{color:#dbe3f6}
@media(max-width:1060px){
 .hero{display:flex;flex-direction:column}
 .hg{grid-template-columns:1fr;min-height:0;padding-bottom:12px}
 .hi{position:relative;width:100%;height:300px;order:2}
 .hi img{object-position:68% 55%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
}
.hg{max-width:1240px;margin:0 auto;width:100%}
/* alt bölümler: hero ile aynı renk dili */
#usta{background:radial-gradient(520px 320px at 90% 50%,#3a64b855,transparent 70%),linear-gradient(100deg,#0a1432 0%,#102252 55%,#27468a 100%);color:#fff;padding:44px 0;position:relative;overflow:hidden}
#usta h2.t{color:#fff}#usta .lead{color:#c9d3ee}
#usta .tl4:before{background:#3a5190}
#usta .tl4 time{color:#fff}#usta .tl4 b{color:#fff}#usta .tl4 span{color:#b9c5e6}
#usta .tl4 .ic{box-shadow:0 0 0 6px #ffffff14,0 8px 20px #0006}
#usta .ph2{box-shadow:0 0 40px #5b86e066,0 20px 40px #0008;border-color:#3a4c7c}
.pv{background:radial-gradient(circle at 70% 30%,#3a64b8,transparent 60%),linear-gradient(135deg,#0f2150,#1d3f8f);border-radius:20px;padding:22px;box-shadow:0 20px 44px #0f1f4638}
.pv .tab{box-shadow:0 14px 34px #0006}
#panel{background:linear-gradient(180deg,#eaf0fb,#fff)}
#fiyat{background:linear-gradient(180deg,#fff,#eaf0fb 60%,#fff)}
.kz{border:1px solid #dbe4f7}
.cb{background:radial-gradient(500px 300px at 85% 50%,#3a64b866,transparent 70%),linear-gradient(110deg,#0a1432,#1d3f8f)}
.col img{box-shadow:0 14px 30px #0f1f4650}
@media(max-width:1060px){.pv{padding:14px}}
/* canlı renk geçişi */
body{color:#0f1f46}.lead,.pc ul,details p,.kz p{color:#2d3a66}
.ss{background:linear-gradient(180deg,#dce8fb,#eaf1fd)}
.ssg h2{color:#0f1f46;box-shadow:0 6px 18px #1f4fb533;border-left:5px solid var(--o)}
.sg a{box-shadow:0 4px 14px #1f4fb52e;font-weight:700;color:#0f1f46}
.sg svg{width:34px;height:34px;stroke-width:2.2}
.sg a:nth-child(1) svg{stroke:#f2560a}.sg a:nth-child(2) svg{stroke:#0e8fe8}.sg a:nth-child(3) svg{stroke:#6a4fd8}.sg a:nth-child(4) svg{stroke:#1f5fe0}
.sg a:nth-child(5) svg{stroke:#1fa463}.sg a:nth-child(6) svg{stroke:#0e8fe8}.sg a:nth-child(7) svg{stroke:#f59a0a}.sg a:nth-child(8) svg{stroke:#d23b6a}
#panel{background:linear-gradient(180deg,#dce8fb,#f4f8ff)}
.pv{background:radial-gradient(circle at 75% 20%,#4f86ff,transparent 55%),linear-gradient(135deg,#0f2a6e,#1f5fe0)}
.tsx{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tsx div{border-radius:8px;color:#fff;padding:7px 8px;font-size:10px;font-weight:700}.tsx b{display:block;font-size:17px}
.tm div{background:#eaf1fd}.tm b{font-size:28px}
.kz .rk{background:linear-gradient(135deg,#ff9a3c,#f2560a);width:64px;height:64px;box-shadow:0 8px 20px #f2560a55}
.kz .rk svg{stroke:#fff;width:32px;height:32px}
.kz{box-shadow:0 14px 34px #1f4fb533}
.stp i.d{background:var(--o)}.stp i.c{border-color:#1f5fe0;border-width:3px}.stp u.d{background:#1f5fe0}
#usta{background:radial-gradient(520px 320px at 90% 50%,#4f86ff88,transparent 70%),linear-gradient(100deg,#091740 0%,#0f2a6e 50%,#1f5fe0 100%)}
#usta .tl4 .ic{color:#fff;box-shadow:0 0 0 6px #ffffff22,0 8px 20px #0006}
#usta .tl4 .st:nth-child(1) .ic{background:#1f7bff}#usta .tl4 .st:nth-child(2) .ic{background:#7a5af0}#usta .tl4 .st:nth-child(3) .ic{background:#f2760a}#usta .tl4 .st:nth-child(4) .ic{background:#1fb26a}
#usta .tl4 .ic svg{stroke:#fff}
#usta .tl4 time{color:#ffb15c;font-size:18px}
#usta .tl4:before{background:#6d8fe0}
#fiyat{background:linear-gradient(180deg,#f4f8ff,#dce8fb 55%,#f4f8ff)}
.pc{box-shadow:0 10px 26px #1f4fb538}
.pc h3{background:#0f1f46}.pc:nth-child(3) h3{background:linear-gradient(135deg,#1f5fe0,#2f7bff)}.pc.pop h3{background:linear-gradient(135deg,#f2760a,#ff9a3c)}
.pc li:before{color:#f2760a}
.pc.pop{box-shadow:0 14px 34px #f2760a55;transform:translateY(-4px)}
.pc.pop .pill,.pill{background:linear-gradient(135deg,#f2760a,#ff8f2e);box-shadow:0 6px 16px #f2760a55}
.pill.ol{background:#fff;box-shadow:none}.pc .pill{box-shadow:none}.pc.pop .pill{box-shadow:0 6px 14px #f2760a55}
.cb{background:radial-gradient(500px 300px at 85% 50%,#4f86ff88,transparent 70%),linear-gradient(110deg,#091740,#1f5fe0)}
summary{font-weight:700}details{box-shadow:0 4px 14px #1f4fb528}

/* ===== ortak: sayfa üstü, menü, alt bar, altbilgi, form ===== */
header .lg2{font-weight:700;font-size:14px}
header nav.m a[aria-current]{color:var(--o2)}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#0f1f46;padding:10px 16px;z-index:100;border-radius:0 0 8px 0}.skip:focus{left:0}
:focus-visible{outline:3px solid #ff9a3c;outline-offset:2px}
.crumb{font-size:13px;color:#c9d3ee;margin-bottom:14px}.crumb a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.pgh{background:radial-gradient(520px 340px at 88% 40%,#4f86ff77,transparent 70%),linear-gradient(100deg,#091740 0%,#0f2a6e 55%,#1f5fe0 100%);color:#fff}
.pgh .w{padding-top:44px;padding-bottom:48px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:center}
.pgh h1{font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.pgh p{color:#d6def3;font-size:17px;margin:14px 0 18px;max-width:560px}
.pgh .ticks{list-style:none;padding:0;display:grid;gap:7px;margin:0 0 6px}.pgh .ticks li:before{content:"✓";color:#ff9a3c;font-weight:800;margin-right:10px}
.mnu{display:none}
@media(max-width:1060px){
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
 .vb{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:11px 12px calc(11px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dbe4f7;box-shadow:0 -8px 24px #1f4fb52e}
 .vb a{height:54px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:800;font-size:15px;white-space:nowrap}
 .vb .p1{background:linear-gradient(100deg,#0f2a6e,#1f5fe0);box-shadow:0 6px 16px #1f5fe055}
 .vb .p2{background:linear-gradient(100deg,#13a35a,#2ed47a);box-shadow:0 6px 16px #13a35a55}
 .vb .ci{width:30px;height:30px;border-radius:50%;background:#ffffff2e;display:grid;place-items:center;flex:none}.vb .ci svg{width:16px;height:16px}
 .mnu.on{display:flex;position:fixed;z-index:80;left:0;right:0;bottom:0;flex-direction:column;background:radial-gradient(500px 300px at 90% 10%,#4f86ff88,transparent 70%),linear-gradient(160deg,#091740,#0f2a6e 60%,#1f5fe0);padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .mn-l{flex:1;overflow:auto;padding:8px 22px}
 .mn-l a{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #ffffff2a;color:#fff}
 .mn-l a b{display:none}.mn-l a span{flex:1;font-weight:800;font-size:21px;line-height:1.15;display:flex;flex-direction:column;gap:2px}
 .mn-l a small{font-weight:500;font-size:13px;color:#b9c8ee}.mn-l a svg{color:#ff9a3c}
 .mn-f{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;padding:14px 22px}
 .mn-f a{height:52px;border-radius:30px;display:grid;place-items:center;font-weight:800;font-size:16px}
 .mn-g{border:2px solid #fff;color:#fff}.mn-c{background:linear-gradient(135deg,#f2760a,#ff9a3c);color:#fff;box-shadow:0 6px 16px #f2760a66}
 .pgh .w{grid-template-columns:1fr;padding-top:34px;padding-bottom:36px}.pgh h1{font-size:32px}
}
@media(min-width:1061px){.vb{display:none}}
/* form bölümü */
.dkk{background:radial-gradient(500px 300px at 85% 40%,#4f86ff77,transparent 70%),linear-gradient(110deg,#091740,#1f5fe0);color:#fff;padding:44px 0}
.dkk .fc{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.dkk .fc>*{min-width:0}
.dkk h2{font-size:32px;line-height:1.15}.dkk p{color:#d6def3;margin:8px 0 16px}
.dkk .big{display:inline-block;font-size:30px;font-weight:800;color:#ff9a3c}
.dkk .frm,.frm.st{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border-radius:16px;padding:20px;color:#0f1f46;box-shadow:0 18px 40px #0006}
.dkk .frm label{position:static;font-size:13px;font-weight:700;color:#2d3a66;display:block;margin-bottom:4px;left:auto}
.dkk .frm input,.dkk .frm select{width:100%;height:46px;border:1.5px solid #cfd8ee;border-radius:10px;padding:0 12px;font-size:15px;background:#fff;color:#0f1f46;margin:0}
.dkk .frm .bt{grid-column:1/-1;justify-self:stretch;text-align:center;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f2760a,#ff8f2e);color:#fff;font-weight:800;border-radius:999px;padding:14px;cursor:pointer;box-shadow:0 6px 16px #f2760a55}
.dkk .frm small{grid-column:1/-1;color:#59628a;font-size:12px}
@media(max-width:1060px){.dkk .fc{grid-template-columns:1fr}.dkk .frm{grid-template-columns:1fr}.dkk h2{font-size:26px}}
/* altbilgi */
footer{background:#091740;color:#b9c8ee;padding:44px 0 26px;font-size:14px}
footer .w{display:block}footer .g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
footer .g>*{min-width:0}footer p{margin-top:12px;max-width:300px;line-height:1.5}
footer h5{color:#fff;font-size:14px;margin-bottom:10px}footer .g a{display:block;margin:0 0 7px;color:#b9c8ee}footer .g a:hover{color:#ff9a3c}
footer .cp{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff22;margin-top:26px;padding-top:16px;font-size:13px}
@media(max-width:700px){footer .g{grid-template-columns:1fr 1fr}footer .g>div:first-child{grid-column:1/-1}}
@media(max-width:1060px){.mn-f{background:transparent;border-top:1px solid #ffffff2a}.mn-l{border:0}}
/* erişilebilir turuncu: beyaz yazı >= 4.5:1 */
.pill,.pc.pop .pill,.dkk .frm .bt,.mn-c{background:linear-gradient(135deg,#b84d08,#c05409);color:#fff}
.pill.ol{background:#fff;color:#a8470a}
.pc.pop h3{background:linear-gradient(135deg,#b84d08,#c05409)}
.pc .tag{color:#a8470a}
.pc .pill{background:#fff;color:#0f1f46}.pc.pop .pill{background:linear-gradient(135deg,#b84d08,#c05409);color:#fff}
@media(max-width:1060px){.vb .p2{background:linear-gradient(100deg,#0c7a43,#12904f)}}
footer .g img{height:34px;width:auto}
/* geliştirme: cila */
html{scroll-behavior:smooth;scroll-padding-top:84px}
header{transition:box-shadow .2s}header.sc{box-shadow:0 6px 22px #0f1f4620}
header nav.m a{position:relative;padding:6px 0}
header nav.m a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--o);transform:scaleX(0);transition:transform .2s;transform-origin:left}
header nav.m a:hover:after,header nav.m a[aria-current]:after{transform:scaleX(1)}
.pill{transition:transform .15s,box-shadow .15s,filter .15s}.pill:hover{transform:translateY(-1px);filter:brightness(1.05)}.pill:active{transform:translateY(1px)}
.sg a,.pc,details,.kz{transition:transform .18s,box-shadow .18s}
.sg a:hover,.pc:hover{transform:translateY(-3px)}
.pc.pop:hover{transform:translateY(-7px)}
input:focus,select:focus{outline:3px solid #ff9a3c;outline-offset:1px}
.frm [aria-invalid=true]{border-color:#b42318!important}
details[open] summary{color:var(--o2)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
:root{--o2:#a8470a}
.tsx div:nth-child(1){background:#1f5fe0!important}.tsx div:nth-child(2){background:#c05409!important}.tsx div:nth-child(3){background:#12804a!important}.tsx div:nth-child(4){background:#6a4fd8!important}

.yz{padding:48px 0 72px}.yz .w{max-width:820px}.yz h2{font-size:22px;color:var(--n);margin:30px 0 8px}.yz p{font-size:16px;line-height:1.7;color:#334}.yz a{color:var(--o2);text-decoration:underline}.yz .nt{background:#fff4e8;border-left:4px solid var(--o);padding:12px 16px;border-radius:6px;font-size:14px}