:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#090f19;color:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#1a2940 0,#090f19 55%)}.wrap{max-width:760px;margin:0 auto;padding:28px 19px 55px}header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 0 40px}.brand{display:flex;align-items:center;gap:10px}.brand small{display:block;font-size:9px;letter-spacing:1.2px;color:#9eabbc}.mark{font-size:35px;color:#fb5869}.pill,.alert,.eyebrow{font-size:10px;letter-spacing:1px;font-weight:800}.pill{color:#a5b6cc;border:1px solid #304054;border-radius:20px;padding:8px 10px}.alert{color:#ff9da6;background:#3c1d2b;padding:9px 11px;border-radius:30px}.hero{padding:36px 0}h1{font-size:clamp(35px,7vw,60px);line-height:1.08;letter-spacing:-2px;margin:24px 0}h1 em{font-style:normal;color:#fa6574}h2{font-size:36px;letter-spacing:-1px;margin:12px 0 22px}h3{margin:0 0 12px}.hero>p,.panel p{color:#c1cad8;line-height:1.7}.hero>p{font-size:18px;max-width:620px}.panel{background:#172234;border:1px solid #354257;border-radius:17px;padding:24px;margin:24px 0;box-shadow:0 15px 35px #0003}label{display:block;font-size:12px;font-weight:750;letter-spacing:.6px;color:#ced8e5;margin:10px 0 8px}input:not([type=checkbox]){width:100%;font-size:24px;background:#0b1320;color:white;border:1px solid #465369;border-radius:10px;padding:16px;font-weight:700;text-transform:uppercase}input:focus{outline:2px solid #ef6c78}button{width:100%;padding:17px 15px;border:0;border-radius:10px;background:#e53c51;color:#fff;font-weight:850;letter-spacing:.3px;cursor:pointer;margin:13px 0 8px;font-size:15px}button:hover{background:#fe566b}button:disabled{opacity:.55;cursor:wait}.outline{background:transparent;border:1px solid #667388}.outline:hover{background:#243044}small,.muted{color:#a4b1c3;font-size:12px;line-height:1.6}.notice{border:1px solid #bd8552;background:#3c3026;border-radius:14px;padding:22px;line-height:1.6}.notice strong{color:#ffcb89}.notice p{color:#f4dfc6}.eyebrow{color:#67c8a3}.hidden{display:none}.datum{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #324054}.datum span{color:#aab6c7}.datum b{text-align:right}.check{display:flex;gap:12px;align-items:flex-start;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.6}.check input{margin-top:3px}footer{font-size:11px;color:#8292aa;line-height:1.8;border-top:1px solid #283349;padding-top:25px;margin-top:60px}a{color:#c6d6ed}@media(max-width:550px){.pill{display:none}h1{letter-spacing:-1px}.panel{padding:18px}h2{font-size:30px}}


/* Logo KM INVESTIGA */
.brand-logo {
    width: 64px;
    height: 38px;
    object-fit: contain;
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .brand-logo {
        width: 54px;
        height: 32px;
    }
}


/* KM INVESTIGA - formulário compacto da segunda tela */
#result input#km,
#result input#email {
    box-sizing: border-box;
    width: 100%;
    height: 43px;
    min-height: 0;
    padding: 8px 12px;
    font-size: 15px;
    border-radius: 8px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#result label[for="km"],
#result label[for="email"] {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
}

@media (max-width: 600px) {
    #result input#km,
    #result input#email {
        height: 42px;
        font-size: 16px;
    }
}

/* KM INVESTIGA - alerta compacto na segunda tela */
#result .notice {
    padding: 13px 15px;
    margin: 12px 0;
    border-radius: 9px;
}

#result .notice strong {
    display: block;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    margin-bottom: 6px;
}

#result .notice p {
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
    font-weight: 400;
}

@media (max-width: 600px) {
    #result .notice {
        padding: 11px 12px;
    }

    #result .notice strong {
        font-size: 13px;
    }

    #result .notice p {
        font-size: 12px;
    }
}