/* CS_OVER_RATE_CALCULATOR_V1_20260521 */
html,body{margin:0;background:#05070d;color:#f8fafc}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
.or-page{background:radial-gradient(circle at 8% 0%,rgba(255,59,48,.24),transparent 30%),radial-gradient(circle at 92% 10%,rgba(255,255,255,.08),transparent 24%),linear-gradient(180deg,#05070d 0%,#08101a 50%,#05070d 100%);padding:64px 0 56px}
.or-hero,.or-grid,.or-wide,.or-faq{width:min(100% - 64px,1280px);margin-inline:auto}
.or-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;margin-bottom:34px}
.or-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:34px;margin-bottom:34px}
.or-card{border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 12% 0%,rgba(255,59,48,.18),transparent 34%),linear-gradient(180deg,rgba(18,27,41,.98),rgba(7,12,20,.98));border-radius:34px;box-shadow:0 34px 100px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.045)}
.or-hero-card,.or-result-card,.or-form-card,.or-info-card{min-height:390px;padding:clamp(30px,4vw,54px);position:relative;overflow:hidden}
.or-hero-card:after{content:"⏱";position:absolute;right:34px;bottom:28px;font-size:76px;opacity:.13;transform:rotate(-8deg)}
.or-result-card:after{content:"📈";position:absolute;right:30px;top:28px;font-size:58px;opacity:.12}
.or-kicker{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:12px;letter-spacing:.105em;text-transform:uppercase;font-weight:950;color:#ffd0cc;border:1px solid rgba(255,75,68,.36);background:linear-gradient(135deg,rgba(255,75,68,.18),rgba(255,255,255,.035))}
h1{font-size:clamp(54px,6vw,102px);line-height:.94;letter-spacing:-.075em;margin:24px 0 22px;font-weight:950}
h1 span{display:block;color:#ff9f99}
h2{font-size:clamp(30px,3.2vw,52px);line-height:1.04;letter-spacing:-.055em;margin:14px 0 18px;font-weight:950}
p{color:#d4def2;font-size:clamp(16px,1.12vw,19px);line-height:1.72}
.or-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.or-pills span{min-height:42px;display:inline-flex;align-items:center;padding:11px 15px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:850}
.or-main-result{font-size:clamp(62px,7vw,128px);line-height:.9;letter-spacing:-.08em;margin:22px 0 26px;font-weight:950;color:#85f7b7;text-shadow:0 24px 76px rgba(133,247,183,.22)}
.or-main-result.behind{color:#ffb0ab;text-shadow:0 24px 76px rgba(255,59,48,.34)}
.or-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}
.or-mini-grid div{min-height:104px;padding:22px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}
.or-mini-grid small{display:block;color:#9fb0c9;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.or-mini-grid strong{color:#fff;font-size:clamp(28px,3vw,42px);font-weight:950}
.or-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.or-form label{display:grid;gap:9px;font-weight:900;color:#eef4ff}
.or-form label span{font-size:14px}
.or-form input{height:64px;border-radius:20px;padding:0 18px;font-size:19px;background:#0d1524;color:#fff;border:1px solid rgba(255,255,255,.15);outline:none}
.or-form input:focus{border-color:rgba(255,75,68,.72);box-shadow:0 0 0 4px rgba(255,75,68,.12)}
.or-actions{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.or-btn{min-height:58px;border-radius:19px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#fff;padding:0 22px;font-weight:950;cursor:pointer}
.or-btn:hover{transform:translateY(-2px);border-color:rgba(255,75,68,.45)}
.or-primary{background:linear-gradient(135deg,#ff4b44,#e11120);border-color:transparent;box-shadow:0 24px 58px rgba(255,59,48,.30)}
.or-note{margin-top:22px;padding:18px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);color:#d7e2f5;line-height:1.55}
.or-wide,.or-faq{padding:clamp(26px,3.4vw,44px);margin-bottom:34px}
.or-feature-grid,.or-example-grid,.or-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.or-feature-grid div,.or-example-grid div,.or-related a{padding:20px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease}
.or-feature-grid div:hover,.or-example-grid div:hover,.or-related a:hover{transform:translateY(-3px);border-color:rgba(255,75,68,.38)}
.or-feature-grid b,.or-example-grid strong,.or-related b{display:block;color:#ffb0ab;font-size:15px;margin-bottom:8px}
.or-example-grid b{display:block;color:#fff;font-size:21px;margin-bottom:8px}
.or-feature-grid span,.or-example-grid span,.or-related span{display:block;color:#aebbd0;line-height:1.5;font-size:14px}
details{border-radius:22px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);padding:17px 18px;margin-top:12px}
summary{cursor:pointer;font-weight:950;display:flex;gap:12px;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";margin-left:auto;color:#ffb0ab;font-size:24px;line-height:1}
details[open] summary:after{content:"–"}
details p{font-size:15px;margin-bottom:0}
@media(max-width:1120px){.or-hero,.or-grid{grid-template-columns:1fr}.or-feature-grid,.or-example-grid,.or-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.or-page{padding:28px 0 42px}.or-hero,.or-grid,.or-wide,.or-faq{width:min(100% - 24px,1280px)}.or-hero-card,.or-result-card,.or-form-card,.or-info-card,.or-wide,.or-faq{border-radius:26px;padding:24px;min-height:auto}h1{font-size:clamp(48px,15vw,72px)}h2{font-size:clamp(30px,9vw,44px)}.or-main-result{font-size:clamp(70px,22vw,112px)}.or-form,.or-mini-grid,.or-feature-grid,.or-example-grid,.or-related{grid-template-columns:1fr}.or-actions{flex-direction:column}.or-btn{width:100%}}