:root{
    --bg:#0f1724; /* dark slate */
    --card:#0b1220;
    --muted:#94a3b8;
    --accent:#7c3aed; /* purple */
    --success:#16a34a;
    --danger:#ef4444;
    --glass: rgba(255,255,255,0.03);
}
*{box-sizing:border-box}
body{
    margin:0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    background: linear-gradient(180deg,#071129 0%, #0b1220 100%);
    color:#e6edf3;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.container{
    max-width:880px;
    margin:36px auto;
    padding:28px;
}
.header{
    display:flex;
    gap:16px;
    align-items:center;
}
.title{
    font-size:28px;
    font-weight:700;
}
.badges{display:flex;gap:8px;align-items:center}
.card{
    margin-top:18px;
    background:var(--glass);
    border:1px solid rgba(255,255,255,0.03);
    padding:18px;
    border-radius:10px;
}
.form-row{display:flex;gap:12px;align-items:center}
input[type=text]{
    flex:1;
    padding:12px 14px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,0.06);
    background: transparent;
    color:inherit;
    outline:none;
}
button{
    background:var(--accent);
    color:white;
    border:0;
    padding:10px 14px;
    border-radius:8px;
    cursor:pointer;
    font-weight:600;
}
.results{margin-top:18px}
.result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;margin-bottom:8px;background:rgba(255,255,255,0.01)}
.result-desc{color:var(--muted)}
.result-true{color:var(--success);font-weight:700}
.result-false{color:var(--danger);font-weight:700}
.footer{margin-top:20px;color:var(--muted);font-size:13px}
.note{font-size:13px;color:var(--muted);margin-top:8px}
@media (max-width:560px){.form-row{flex-direction:column;align-items:stretch}button{width:100%}}