body{

margin:0;
padding:40px;

background:#edf3f9;

font-family:

-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Arial,
sans-serif;

color:#1f2937;

}

.bk1-card{

max-width:760px;

margin:auto;

background:white;

padding:48px;

border-radius:22px;

box-shadow:

0 20px 60px rgba(0,0,0,.12);

}

h1{

margin:0;

text-align:center;

font-size:42px;

font-weight:700;

color:#003B73;

}

h2{

margin-top:18px;

text-align:center;

font-size:34px;

line-height:1.25;

font-weight:700;

}

.intro{

margin-top:35px;

font-size:20px;

line-height:1.7;

text-align:center;

color:#555;

margin-bottom:40px;

}

label{

display:block;

font-size:28px;

font-weight:600;

margin-bottom:18px;

}

input{

width:100%;

box-sizing:border-box;

padding:18px;

font-size:26px;

border-radius:12px;

border:2px solid #d6dde5;

transition:.25s;

}

input:focus{

outline:none;

border-color:#0057d9;

}

button{

width:100%;

margin-top:24px;

padding:18px;

font-size:24px;

font-weight:600;

border:none;

border-radius:12px;

background:#0057d9;

color:white;

cursor:pointer;

transition:.25s;

}

button:hover{

background:#0046b2;

}

#result{

margin-top:35px;

padding:22px;

background:#f5f8fc;

border-radius:14px;

display:none;

}

.result-title{

font-size:30px;

margin:0 0 12px;

color:#003B73;

}

.unit-status{
    min-height:28px;
    margin:10px 0 16px;
    font-size:16px;
    font-weight:600;
    color:#147a27;
    transition:all .25s ease;
}

.unit-status.invalid{
    color:#c62828;
}

button:disabled{
    opacity:.45;
    cursor:not-allowed;
}

.result-card{

    background:white;

    border-radius:18px;

    padding:36px;

    text-align:center;

    animation:fadeUp .45s ease;

    box-shadow:0 8px 24px rgba(0,0,0,.08);

}

.verified{

    color:#1d8f3c;

    font-size:24px;

    font-weight:700;

}

.unit-name{

    margin-top:18px;

    font-size:34px;

    font-weight:700;

    color:#003B73;

}

.section-label{

    margin-top:32px;

    color:#666;

    font-size:18px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.ownership{

    margin-top:10px;

    font-size:52px;

    font-weight:700;

    color:#111;

}

.source-label{

    margin-top:34px;

    color:#666;

    text-transform:uppercase;

    font-size:16px;

    letter-spacing:1px;

}

.source{

    margin-top:8px;

    font-size:22px;

    font-weight:600;

}

.error-title{

    color:#b00020;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}
