#yaka-exitcalc-page{
--xe-panel:#071d32;
--xe-panel2:#0b2540;
--xe-gold:#d8b257;
--xe-gold2:#f0c865;
--xe-gold3:#f3d88e;
--xe-text:#eef4f8;
--xe-muted:#aebdca;
--xe-good:#70c69c;
--xe-danger:#ff9b9b;
--xe-warn:#f7e8b7;
max-width:1180px;
margin:0 auto;
padding:34px 20px 60px;
color:var(--xe-text)
}

#yaka-exitcalc-page *{box-sizing:border-box}

.xe-hero{
position:relative;
overflow:hidden;
border:1px solid rgba(216,178,87,.30);
border-radius:22px;
padding:28px 30px;
background:linear-gradient(135deg,#071d32 0%,#0b2540 58%,#0e2d4d 100%);
box-shadow:0 18px 44px rgba(0,0,0,.18)
}

.xe-hero:before{
content:"";
position:absolute;
left:0;right:0;top:0;
height:3px;
background:linear-gradient(90deg,#d8b257,#f0c865,#f3d88e)
}

.xe-kicker{
font-size:12px;
font-weight:850;
letter-spacing:.12em;
text-transform:uppercase;
color:#f0c865
}

.xe-hero h1{
margin:8px 0;
font-size:clamp(27px,4vw,40px);
line-height:1.08;
color:#fff
}

.xe-hero p{
margin:0;
max-width:860px;
color:#cfdbe5;
line-height:1.65
}

.xe-tags{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:16px
}

.xe-tag{
font-size:11px;
font-weight:750;
color:#f3d88e;
border:1px solid rgba(240,200,101,.28);
background:rgba(216,178,87,.08);
padding:6px 9px;
border-radius:999px
}

.xe-grid{
display:grid;
grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
gap:20px;
margin-top:20px;
align-items:start
}

.xe-card,.xe-seo{
background:linear-gradient(180deg,#071d32,#061a2e);
border:1px solid rgba(216,178,87,.16);
border-radius:18px;
box-shadow:0 14px 34px rgba(0,0,0,.16)
}

.xe-card{padding:24px}

.xe-card h2,.xe-seo h2{color:#fff}

.xe-card h2{
font-size:19px;
margin:0 0 18px
}

.xe-card h3,.xe-seo h3{color:#f3d88e}

.xe-card h3{
font-size:14px;
margin:23px 0 12px
}

.xe-formgrid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px
}

.xe-field{
display:flex;
flex-direction:column;
gap:7px
}

.xe-field.full{grid-column:1/-1}

.xe-field label{
font-size:13px;
font-weight:780;
color:#e7eef5
}

.xe-field input{
width:100%;
height:46px;
border:1px solid #284763;
border-radius:11px;
background:#06182b;
padding:0 13px;
font:inherit;
color:#fff;
outline:none;
transition:.18s
}

.xe-field input::placeholder{color:#71879a}

.xe-field input:focus{
border-color:#d8b257;
box-shadow:0 0 0 3px rgba(216,178,87,.12);
background:#071d32
}

.xe-hint{
font-size:11.5px;
color:#aebdca;
line-height:1.45
}

.xe-switchrow{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
border:1px solid rgba(216,178,87,.16);
background:#081f36;
padding:13px 14px;
border-radius:12px;
margin-top:16px
}

.xe-switchrow strong{
font-size:13px;
color:#fff
}

.xe-switchrow small{
display:block;
color:#aebdca;
font-size:11.5px;
margin-top:2px
}

.xe-switch{
position:relative;
width:46px;
height:26px;
flex:0 0 auto
}

.xe-switch input{
opacity:0;
width:0;
height:0
}

.xe-slider{
position:absolute;
inset:0;
background:#36516a;
border-radius:99px;
cursor:pointer
}

.xe-slider:before{
content:"";
position:absolute;
width:20px;
height:20px;
left:3px;
top:3px;
background:#fff;
border-radius:50%;
transition:.2s;
box-shadow:0 1px 4px rgba(0,0,0,.28)
}

.xe-switch input:checked+.xe-slider{
background:#d8b257
}

.xe-switch input:checked+.xe-slider:before{
transform:translateX(20px)
}

.xe-special{
margin-top:14px;
padding:16px;
border:1px solid rgba(216,178,87,.20);
border-radius:14px;
background:#081f36
}

.xe-legalwarn,.xe-note{
font-size:11.5px;
line-height:1.58;
border-radius:10px;
padding:11px 12px
}

.xe-legalwarn{
color:#f7e8b7;
background:rgba(216,178,87,.08);
border:1px solid rgba(216,178,87,.26);
margin-bottom:14px
}

.xe-note{
color:#c2d0db;
background:#081f36;
border:1px solid #173955;
margin-top:13px
}

.xe-note strong{color:#fff}

.xe-actions{
display:flex;
gap:9px;
flex-wrap:wrap;
margin-top:20px
}

.xe-btn{
border:1px solid transparent;
border-radius:11px;
min-height:44px;
padding:0 16px;
font:inherit;
font-weight:850;
cursor:pointer;
transition:.18s
}

.xe-btn.primary{
background:linear-gradient(135deg,#d8b257,#f0c865);
color:#06182b;
box-shadow:0 8px 20px rgba(216,178,87,.14)
}

.xe-btn.primary:hover{
filter:brightness(1.04);
transform:translateY(-1px)
}

.xe-btn.secondary{
background:#0b2540;
color:#eef4f8;
border-color:#274760
}

.xe-btn.secondary:hover{
border-color:rgba(216,178,87,.45);
color:#f3d88e
}

.xe-btn:disabled{
opacity:.55;
cursor:wait;
transform:none
}

.xe-alert{
border-radius:11px;
padding:11px 13px;
margin-bottom:12px;
font-size:12.5px
}

.xe-alert.error{
background:rgba(255,155,155,.08);
border:1px solid rgba(255,155,155,.32);
color:#ff9b9b
}

.xe-alert.warn{
background:rgba(247,232,183,.07);
border:1px solid rgba(240,200,101,.28);
color:#f7e8b7
}

.xe-metrics{
display:grid;
grid-template-columns:1fr 1fr;
gap:11px
}

.xe-metric{
border:1px solid #173955;
border-radius:13px;
padding:13px;
background:#081f36
}

.xe-metric .l{
font-size:11.5px;
color:#aebdca;
font-weight:700
}

.xe-metric .v{
font-size:19px;
font-weight:850;
margin-top:4px;
color:#fff
}

.xe-metric.hi{
background:rgba(112,198,156,.07);
border-color:rgba(112,198,156,.30)
}

.xe-metric.hi .v{color:#70c69c}

.xe-table{
width:100%;
border-collapse:collapse;
margin-top:15px
}

.xe-table th,.xe-table td{
padding:10px 7px;
border-bottom:1px solid #173955;
font-size:12.5px;
text-align:left;
color:#dbe5ed
}

.xe-table th:last-child,.xe-table td:last-child{text-align:right}

.xe-table th{
font-size:11px;
color:#f3d88e;
text-transform:uppercase;
letter-spacing:.04em
}

.xe-table tr.total td{
font-weight:850;
color:#fff;
border-top:2px solid rgba(216,178,87,.34)
}

.xe-breakdown{
margin-top:14px;
border-top:1px dashed #2b4961;
padding-top:12px
}

.xe-breakdown div{
display:flex;
justify-content:space-between;
gap:14px;
padding:4px 0;
font-size:12px
}

.xe-breakdown span{color:#aebdca}
.xe-breakdown strong{color:#fff}
.xe-empty{font-size:13px;color:#aebdca}

.xe-seo{
margin-top:22px;
padding:24px
}

.xe-seo h2{
font-size:20px;
margin:0 0 10px
}

.xe-seo h3{
font-size:15px;
margin:18px 0 6px
}

.xe-seo p{
color:#c2d0db;
margin:0 0 10px;
font-size:13px;
line-height:1.68
}

.xe-source a{
color:#f0c865;
text-decoration-color:rgba(240,200,101,.45)
}

@media(max-width:860px){
.xe-grid{grid-template-columns:1fr}
.xe-formgrid{grid-template-columns:1fr}
.xe-field.full{grid-column:auto}
.xe-card{padding:20px}
.xe-hero{padding:24px}
}

@media(max-width:500px){
#yaka-exitcalc-page{padding:18px 10px 40px}
.xe-metrics{grid-template-columns:1fr}
.xe-actions .xe-btn{flex:1 1 calc(50% - 5px)}
}

@media print{
header,nav,footer,.xe-grid>.xe-card:first-child,.xe-actions,.xe-seo{
display:none!important
}
body{background:#fff!important}
#yaka-exitcalc-page{
padding:0;
max-width:none;
color:#111
}
.xe-hero,.xe-card{
box-shadow:none;
background:#fff;
border-color:#ccc
}
.xe-hero h1,.xe-card h2,.xe-metric .v,.xe-table tr.total td{
color:#111
}
.xe-grid{display:block}
.xe-card{
border:0;
padding:0;
margin-top:18px
}
.xe-metric{
background:#fff;
border-color:#ddd
}
}