.eyebrow{

    color:var(--primary);

    font-size:12px;

    letter-spacing:.25em;

    text-transform:uppercase;

    margin-bottom:12px;

}

.auth-card h2{

    font-family:'Space Grotesk',sans-serif;

    font-size:40px;

    margin-bottom:12px;

}

.sub{

    color:var(--muted);

    margin-bottom:40px;

    line-height:1.8;

}

.field{

    margin-bottom:22px;

}

.field label{

    display:block;

    margin-bottom:8px;

    color:var(--muted);

    font-size:14px;

}

.field input{

    width:100%;

    padding:15px 18px;

    background:var(--panel);

    border:1px solid var(--border);

    border-radius:var(--radius);

    color:var(--text);

    outline:none;

    transition:.25s;

}

.field input:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(62,214,183,.12);

}

.btn-signin{

    width:100%;

    padding:16px;

    border:none;

    border-radius:var(--radius);

    background:linear-gradient(90deg,var(--primary),var(--primary2));

    color:#08110F;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.btn-signin:hover{

    transform:translateY(-2px);

}

.site-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-top:60px;

}

.site-item{

    background:var(--panel2);

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:18px;

}

.label{

    font-weight:700;

    font-family:'JetBrains Mono',monospace;

}

.value{

    margin-top:12px;

    color:var(--primary);

    font-size:13px;

}

.dot{

    width:10px;

    height:10px;

    display:inline-block;

    border-radius:50%;

    margin-right:8px;

}

.ok{

    background:var(--primary);

    box-shadow:0 0 12px var(--primary);

}