.elementor-22061 .elementor-element.elementor-element-24a074d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:48px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-22061 .elementor-element.elementor-element-b1825e3{text-align:center;}.elementor-22061 .elementor-element.elementor-element-b1825e3 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-22061 .elementor-element.elementor-element-da51fe9{text-align:center;color:var( --e-global-color-8c71aa5 );}.elementor-22061 .elementor-element.elementor-element-292a25c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22061 .elementor-element.elementor-element-292a25c.e-con{--align-self:center;}.elementor-22061 .elementor-element.elementor-element-21d15a4 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:20px;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:var( --e-global-color-8c71aa5 );color:var( --e-global-color-8c71aa5 );border-style:none;border-radius:8px 8px 8px 8px;padding:10px 24px 10px 24px;}.elementor-22061 .elementor-element.elementor-element-21d15a4{width:auto;max-width:auto;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:8px 8px 8px 8px;}.elementor-22061 .elementor-element.elementor-element-21d15a4.elementor-element{--align-self:center;}.elementor-22061 .elementor-element.elementor-element-c156bc6 .elementor-button{background-color:var( --e-global-color-8c71aa5 );font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:20px;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:8px 8px 8px 8px;padding:10px 24px 10px 24px;}.elementor-22061 .elementor-element.elementor-element-c156bc6{width:auto;max-width:auto;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-22061 .elementor-element.elementor-element-39e2d38{--display:flex;--overlay-opacity:0.5;--padding-top:02em;--padding-bottom:02em;--padding-left:1em;--padding-right:1em;}.elementor-22061 .elementor-element.elementor-element-39e2d38::before, .elementor-22061 .elementor-element.elementor-element-39e2d38 > .elementor-background-video-container::before, .elementor-22061 .elementor-element.elementor-element-39e2d38 > .e-con-inner > .elementor-background-video-container::before, .elementor-22061 .elementor-element.elementor-element-39e2d38 > .elementor-background-slideshow::before, .elementor-22061 .elementor-element.elementor-element-39e2d38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22061 .elementor-element.elementor-element-39e2d38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-4cda5bd );--background-overlay:'';}.elementor-22061 .elementor-element.elementor-element-672685c{--display:flex;--padding-top:24px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-22061 .elementor-element.elementor-element-963f5f9{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-cd3c30a );}@media(max-width:1024px){.elementor-22061 .elementor-element.elementor-element-b1825e3 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-22061 .elementor-element.elementor-element-b1825e3 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS */:root {
    --bg: #0b0c10;
    --panel: #111318;
    --panel-2: #0f1116;
    --text: #e6e8ee;
    --muted: #a7adbb;
    --line: #1f2430;
    --accent: #6ee7ff;
    --accent-2: #a78bfa;
    --good: #22c55e;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

    background-color: var(--bg);
    background-image:
            radial-gradient(1400px 800px at 5% -15%,
            rgba(20, 33, 61, 0.95) 0%,
            rgba(20, 33, 61, 0.55) 35%,
            rgba(20, 33, 61, 0.0) 75%),
            radial-gradient(1200px 700px at 110% -5%,
            rgba(27, 67, 50, 0.9) 0%,
            rgba(27, 67, 50, 0.45) 40%,
            rgba(27, 67, 50, 0.0) 78%),
            radial-gradient(1600px 900px at 50% 120%,
            rgba(18, 24, 38, 0.9) 0%,
            rgba(11, 12, 16, 0.0) 65%);

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

    color: var(--text);
    padding: 24px;
}

.wrapper {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.25fr 0.85fr;
    gap: 18px;
}

.card {
    background: linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    padding: 18px;
}

.card h2 {
    margin: 0 0 12px;
    font-size: 18px;
    letter-spacing: .3px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sub {
    color: var(--muted);
    font-size: 13px;
    margin-top: -6px;
    margin-bottom: 12px;
}

form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 14px;
}

.field {
    display: grid;
    gap: 6px;
}

label {
    font-size: 13px;
    color: var(--muted);
}

input[type="number"] {
    width: 100%;
    background: #0c0e13;
    border: 1px solid var(--line);
    color: var(--text);
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 14px;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

input[type="number"]:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(110,231,255,.12);
}

.range-row {
    display: grid;
    grid-template-columns: 1fr 88px;
    gap: 10px;
    align-items: center;
}

input[type="range"] {
    width: 100%;
    accent-color: var(--accent-2);
    height: 28px;
}

.unit {
    font-size: 12px;
    color: var(--muted);
    margin-left: 6px;
}

.results-table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 12px;
}

.results-table thead th {
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
    background: #0c0e13;
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
}

.results-table tbody td {
    padding: 12px;
    border-bottom: 1px solid var(--line);
    font-size: 14px;
}

.results-table tbody tr:last-child td {
    border-bottom: none;
}

.metric {
    color: var(--text);
    font-weight: 500;
}

.value {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.value.good {
    color: var(--good);
    font-weight: 600;
}

.note {
    margin-top: 10px;
    font-size: 12px;
    color: var(--muted);
    line-height: 1.4;
}

@media (max-width: 900px) {
    .wrapper { grid-template-columns: 1fr; }
    form { grid-template-columns: 1fr; }
}/* End custom CSS */