@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik+Mono+One&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*{font-family:Poppins,sans-serif}body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#f9f9f9;color:#333;min-height:100vh;display:flex;flex-direction:column}.page-wrapper{flex:1}header{background-color:#20366e;color:#fff;padding:20px 0;text-align:center;box-shadow:0 2px 6px #0000001a}header h1{margin-bottom:10px}.nav-links{margin-top:10px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.nav-links a{background-color:#5148d9;padding:10px 20px;border-radius:8px;color:#fff;text-decoration:none;font-weight:500;transition:background-color .3s}.nav-links a:hover{background-color:#2f24d1}.containers{display:grid;grid-template-columns:1fr;padding:40px;gap:30px;flex:1}.information-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #00000014}.info{text-align:center}.info img{width:100%;border-radius:12px;margin:20px 0}.info a{text-decoration:none;color:#5148d9;font-weight:600}.vote-btn{background-color:#5148d9;padding:12px 25px;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;margin-top:20px;transition:background-color .3s}.vote-btn:hover{background-color:#2f24d1}.candidate-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.card h2{margin-bottom:10px}.card h4{margin-bottom:20px;color:#666}.card-buttons{display:flex;flex-direction:column;gap:10px}.info-btn{background-color:#e0e0e0;padding:12px 25px;border:none;border-radius:8px;color:#333;font-size:16px;cursor:pointer;transition:background-color .3s}.header-timer{font-size:20px;color:#ff5722;font-weight:700;text-align:center;border:2px solid #ff5722;padding:20px 15px;margin:20px}.voting-closed{color:red;font-weight:700}.info-btn:hover{background-color:silver}footer{background-color:#20366e;color:#fff;text-align:center;padding:15px 0}@media (max-width: 860px){.containers{grid-template-columns:1fr;padding:20px}.candidate-container{grid-template-columns:1fr}.nav-links{display:grid;grid-template-columns:repeat(1fr / 3)}.nav-links a{text-align:center;margin:0;padding:10px 10px 8px;width:250px}}.result-page{background:linear-gradient(135deg,#e0eafc,#cfdef3);min-height:100vh;font-family:Poppins,sans-serif}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-left:40px}.result-header h1{font-size:36px;color:#fff}.home-link{background-color:#5148d9;margin-top:20px;color:#fff;padding:10px 20px;border-radius:10px;text-decoration:none;font-weight:600;transition:.3s ease}.home-link:hover{background-color:#2c80b4}.timer{font-size:20px;color:#555;font-weight:600;text-align:center;border:2px solid #3498db;padding:30px 20px;margin:30px}.results-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-right:40px;padding-left:40px;margin-bottom:118px}.result-card{background:#fff;padding:25px;width:100%;max-width:300px;border-radius:15px;box-shadow:0 8px 20px #0000001a;text-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease}.result-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000026}.result-card h2{font-size:24px;margin-bottom:10px;color:#333}.result-card .votes{font-size:22px;font-weight:700;color:#27ae60}.gold-highlight{border:3px solid gold;background:#fff8dc}.silver-highlight{border:3px solid silver;background:#f9f9f9}.bronze-highlight{border:3px solid #cd7f32;background:#fff0e0}.badge{position:absolute;top:-15px;right:-15px;background-color:gold;color:#fff;padding:8px 14px;font-weight:700;border-radius:50%;font-size:14px;box-shadow:0 0 8px #0003}.badge.silver{background-color:silver;color:#000}.badge.bronze{background-color:#cd7f32;color:#fff}@media (max-width: 600px){.result-header{flex-direction:column;gap:20px}.home-link{background-color:#5148d9;margin-top:0;color:#fff;text-align:center;width:250px;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600;transition:.3s ease}.results-container{display:grid;grid-template-columns:1fr;gap:30px;justify-items:center;padding-right:40px;padding-left:40px;margin-bottom:100px}}body{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#f4f4f4;color:#333;min-height:100vh;display:flex;flex-direction:column}header{background-color:#20366e;color:#fff;padding-bottom:20px;padding-top:10px;text-align:end;box-shadow:0 2px 4px #0000001a}header h1{text-align:center}header a{margin-right:20px;text-decoration:none;background-color:#5148d9;color:#fff;padding:10px 15px;border-radius:10px}header a:hover{background-color:#2f24d1;color:#fff}.container{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:40px}.registration-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:500px}.registration-form h2{text-align:center;margin-bottom:20px;color:#5148d9}.registration-form label{display:block;margin:10px 0 5px;font-weight:700}.registration-form label span{color:red}.registration-form input{width:94.5%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:16px}.submit-btn{width:100%;padding:12px;margin-top:20px;background-color:#5148d9;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:.3s}.submit-btn:hover{background-color:#2f24d1}@media (max-width: 860px){.container{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:40px;margin-left:-18px;margin-right:-18px}.registration-form input{width:94.5%;height:27px;padding:10px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:16px}header h1{margin-bottom:30px;text-align:center}}
