:root{–navy:#0F1A2C;–gold:#C8A45D;–gold-light:#d4b36e;–bg:#f7f5f0;–td:#1a1a1a;–tm:#555;–r:12px;–sh:0 4px 24px rgba(15,26,44,.10)} *{box-sizing:border-box;margin:0;padding:0} .ch{background:linear-gradient(135deg,var(–navy),#1a2d4a);color:#fff;padding:60px 20px 50px;text-align:center} .ch h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;margin-bottom:12px;color:#fff} .ch p{font-size:clamp(.95rem,2vw,1.15rem);opacity:.85;max-width:600px;margin:0 auto} .ch .gl{width:80px;height:3px;background:var(–gold);margin:18px auto 0;border-radius:2px} .cw{max-width:720px;margin:-30px auto 0;padding:0 16px 40px;position:relative;z-index:2} .cc{background:#fff;border-radius:var(–r);box-shadow:var(–sh);padding:clamp(24px,4vw,40px);border-top:4px solid var(–gold)} .cc h2{font-size:1.3rem;color:var(–navy);margin-bottom:24px;text-align:center} .fg{margin-bottom:20px} .fg label{display:block;font-weight:600;color:var(–navy);margin-bottom:6px;font-size:.95rem} .fg input,.fg select{width:100%;padding:12px 16px;border:2px solid #e0dcd4;border-radius:8px;font-size:1rem;color:var(–td);transition:border-color .2s;background:#fff;-webkit-appearance:none} .fg input:focus,.fg select:focus{outline:none;border-color:var(–gold)} .fg small{display:block;margin-top:4px;color:var(–tm);font-size:.82rem} .fr{display:flex;gap:16px} .fr .fg{flex:1} @media(max-width:520px){.fr{flex-direction:column;gap:0}} .bc{display:block;width:100%;padding:14px;background:var(–gold);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .2s,transform .1s;margin-top:8px} .bc:hover{background:var(–gold-light);transform:translateY(-1px)} .rb{display:none;margin-top:28px;padding:28px;background:linear-gradient(135deg,var(–navy),#1a2d4a);border-radius:var(–r);color:#fff;text-align:center;animation:fu .4s ease} @keyframes fu{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} .rb .rl{font-size:.9rem;opacity:.8;margin-bottom:6px} .rb .rv{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;color:var(–gold);margin-bottom:4px} .rb .rs{font-size:.85rem;opacity:.7;margin-top:4px} .rb .rd{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);text-align:left;font-size:.9rem;line-height:1.7} .rb .rd span{color:var(–gold);font-weight:600} .db{margin-top:32px;padding:16px 20px;background:var(–bg);border-left:4px solid var(–gold);border-radius:0 8px 8px 0;font-size:.88rem;color:var(–tm);line-height:1.6} .cs{margin-top:40px;text-align:center;padding:36px 20px;background:var(–navy);border-radius:var(–r);color:#fff} .cs h3{font-size:1.2rem;margin-bottom:8px;color:#fff} .cs p{opacity:.8;margin-bottom:20px;font-size:.95rem} .cb{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .ct{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .2s,opacity .2s} .ct:hover{transform:translateY(-2px);opacity:.92} .cp{background:var(–gold);color:#fff} .cwp{background:#25D366;color:#fff} .is{margin-top:48px;max-width:720px;margin-left:auto;margin-right:auto;padding:0 16px 60px} .is h2{font-size:1.3rem;color:var(–navy);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(–gold);display:inline-block} .is h3{font-size:1.05rem;color:var(–navy);margin:20px 0 8px} .is p,.is li{color:var(–tm);line-height:1.8;font-size:.95rem} .is ul{padding-left:20px;margin:8px 0 16px} .is li{margin-bottom:4px} function pN(id){return parseFloat(document.getElementById(id).value.replace(/[^0-9.,]/g,””).replace(“,”,”.”))||0} function fT(n){return n.toLocaleString(“tr-TR”,{minimumFractionDigits:2,maximumFractionDigits:2})+” TL”} function hA(){var d=pN(“aD”),y=parseInt(document.getElementById(“aY”).value)||0,k=pN(“aK”),h=pN(“aH”),b=document.getElementById(“aB”).value,o=parseInt(document.getElementById(“aO”).value);if(d<=0){alert("Piyasa degeri girin.");return}if(h<=0){alert("Hasar tutari girin.");return}var ho=Math.min(h/d,.5),to=ho*.55;var yf=y<=1?1.3:y<=3?1.15:y<=5?1:y<=8?.85:y<=12?.65:.45;var kf=k<=30000?1.15:k<=60000?1.05:k<=100000?.95:k<=150000?.8:.65;var bf=b==="tavan"?1.35:b==="on"?1.1:b==="arka"?1:.95;var of2=o===0?1:o===1?.75:.55;var dk=Math.max(.02,Math.min(.35,to*yf*kf*bf*of2));var dkv=Math.round(d*dk/100)*100;document.getElementById("aRV").textContent=fT(dkv);document.getElementById("aRS").textContent="Oran: %"+(dk*100).toFixed(1)+" | Kaza Sonrasi: "+fT(d-dkv);document.getElementById("aRD").innerHTML="Deger: “+fT(d)+”
Hasar: “+fT(h)+”
Yas: “+y+” yil
Km: “+(k>0?k.toLocaleString(“tr-TR”):”?”)+”
Kayip: “+fT(dkv);document.getElementById(“aR”).style.display=”block”}