/* Sadece hesaplayıcıyı hedefleyen, veri motoruna dokunmayan son görsel katman. */
html body .ccgh,
html body .ccgh select,
html body .ccgh button{font-family:Montserrat,Arial,sans-serif!important;font-weight:500!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

html body .ccgh{color:#fff!important;background:radial-gradient(circle at 76% 18%,rgba(151,0,0,.24),transparent 29%),radial-gradient(circle at 8% 70%,rgba(255,40,40,.08),transparent 25%),#050607!important}

html body .ccgh h2{color:#fff!important;font-family:Oswald,Arial,sans-serif!important;font-size:clamp(64px,7.5vw,105px)!important;line-height:.88!important;letter-spacing:-3px!important}

html body .ccgh h2 b{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.5px #ff2828!important;font-family:Oswald,Arial,sans-serif!important}

html body .ccgh .ccgh-head>span,
html body .ccgh .ccgh-stats small,
html body .ccgh .ccgh-top em,
html body .ccgh label,
html body .ccgh .ccgh-note{font-family:Montserrat,Arial,sans-serif!important}

html body .ccgh .ccgh-head p{color:#969ca2!important}
html body .ccgh .ccgh-head>span{color:#adb1b6!important}
html body .ccgh .ccgh-box{background:linear-gradient(145deg,rgba(15,17,20,.97),rgba(7,8,10,.97))!important}

html body .ccgh .ccgh-selects label{min-height:121px!important;padding:21px 23px!important}
html body .ccgh .ccgh-selects label>span{display:block!important;line-height:13px!important;margin:0 0 10px!important;white-space:nowrap!important;overflow:visible!important}
html body .ccgh .ccgh-selects select{display:block!important;width:100%!important;height:53px!important;min-height:53px!important;margin:0!important;padding:14px!important;line-height:20px!important;font-size:14px!important;font-family:Montserrat,Arial,sans-serif!important;box-sizing:border-box!important;appearance:auto!important;-webkit-appearance:menulist!important;color:#f1f1f1!important;background:#15181b!important;border-color:#2c3034!important}

@keyframes ccghFinalEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes ccghFinalGauge{from{opacity:0;transform:rotate(-28deg) scale(.88)}to{opacity:1;transform:rotate(-8deg) scale(1)}}
html body .ccgh .ccgh-head{animation:ccghFinalEnter .55s cubic-bezier(.18,.9,.25,1) both}
html body .ccgh .ccgh-gauge{animation:ccghFinalGauge .75s cubic-bezier(.18,.9,.25,1) .08s both}
html body .ccgh .ccgh-box{animation:ccghFinalEnter .55s cubic-bezier(.18,.9,.25,1) .15s both}
html body .ccgh .ccgh-signature{animation:ccghFinalEnter .55s cubic-bezier(.18,.9,.25,1) .28s both}

/* Dar ekranlarda kartların içeriği üst üste binmesin. */
html body .ccgh .ccgh-service{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;align-items:center!important;column-gap:16px!important;min-width:0!important}
html body .ccgh .ccgh-service>b{grid-column:1!important;grid-row:1!important;width:62px!important;height:62px!important;margin:0!important;align-self:center!important}
html body .ccgh .ccgh-service>div{grid-column:2!important;grid-row:1!important;min-width:0!important;padding:0!important}
html body .ccgh .ccgh-service strong{font-family:Oswald,"Arial Narrow",Arial,sans-serif!important;line-height:1.15!important;overflow-wrap:anywhere!important}
html body .ccgh .ccgh-service p{line-height:1.5!important;overflow-wrap:anywhere!important}
@media(max-width:700px){html body .ccgh .ccgh-service{grid-template-columns:54px minmax(0,1fr)!important;column-gap:13px!important}html body .ccgh .ccgh-service>b{width:50px!important;height:50px!important}html body .ccgh .ccgh-service strong{font-size:18px!important}}