*{box-sizing:border-box;font-family:Arial}
body{
    margin:0;
    background:#fff;
    color:#222;
    text-align:center;

    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.top{padding:30px}
.logo{width:60px}
h1{color:#ff7a18}
h2{
    font-size:20px;   /* reduced size */
    margin-top:5px;
    font-weight:600;
    letter-spacing:0.5px;
}

.card{
    width:360px;max-width:90%;
    margin:25px auto;
    background:#ffe6d5;
    padding:25px;
    border-radius:20px;
    border:1px solid #ff9a4d;
    text-align:left;
}
input{width:100%;padding:10px;margin:10px 0;border-radius:8px;border:1px solid #ff9a4d}
.btn{
    background:#ff7a18;color:#fff;
    padding:12px;width:100%;
    border:none;border-radius:25px;font-size:16px
}
.candidate{display:flex;justify-content:space-between;align-items:center;margin:15px 0}
/* PRESIDENT VOTE ROW */
/* PRESIDENT VOTE ROW */
.candidate-row{
    display:flex;
    align-items:center;          /* 🔥 perfect vertical alignment */
    justify-content:space-between;
    padding:14px 8px;
    margin-bottom:12px;
    cursor:pointer;
}

/* Left side (photo + name) */
.candidate-left{
    display:flex;
    align-items:center;
    gap:14px;
}

/* Avatar circle */
.avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    border:1.5px solid #bbb;
    flex-shrink:0;
}

/* Candidate name */
.candidate-name{
    font-size:15px;
    font-weight:700;             /* ✅ bold name */
    white-space:nowrap;
}

/* Radio button alignment */
.candidate-row input[type="radio"]{
    width:18px;
    height:18px;
    margin:0;                    /* 🔥 removes default offset */
    flex-shrink:0;
}


.avatar{width:40px;height:40px;border-radius:50%;border:1px solid #aaa}
.positions{list-style:none;padding:0}
.positions li{display:flex;gap:10px;margin:10px 0}
footer{
    background:#ff7a18;
    color:white;
    padding:25px 10px;
    margin-top:auto;
}

.footer-logo{width:45px}
html, body {
    height: 100%;
}