@import"https://fonts.googleapis.com/css?family=Montserrat:400,800";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Arial,sans-serif;width:100%;height:100%}.Home{text-align:center;display:flex;flex-direction:column;min-height:100vh;width:100%}.header{background-color:#1a1a1a;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;width:100%}.header h2{font-size:28px;font-weight:700}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}nav{display:flex;align-items:center;gap:15px}nav h3{font-family:sans-serif;font-size:14px}nav a{font-size:20px;display:flex;align-items:center;gap:8px;transition:color .3s ease}nav a:hover{text-decoration:none;color:#e76f51}.user-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:40%;background:#6c6c6c;color:#fff;transition:background .3s ease}.user-icon:hover{background:#f0eded}.contact,.location,.quick-links,.map{flex:1}.quick-links a{display:block;color:#fff;text-decoration:none;margin:5px 0;transition:color .3s ease}.quick-links a:hover{color:#e76f51;text-decoration:none}.election-card{background-color:#ff3c00e0;padding:20px;border-radius:10px;text-align:center;display:flex;align-items:center;justify-content:center;height:200px;box-shadow:0 2px 10px #0000001a;width:150px}.election-card:hover{box-shadow:0 2px 10px #ff7022e6}.icon-placeholder{background-color:#ccc;height:20px;width:20px;margin:0 auto 10px;border-radius:50%}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;color:#000;padding:25px;width:400px;border-radius:8px;box-shadow:0 4px 8px #0003;text-align:center}.modal-content form{padding:25px 0 0}.modal-content form select{background-color:#eee;color:#000;border:none;padding:12px 15px;margin:8px 0;width:100%}.modal-next-btn{background-color:#ff4d00;padding:3%;margin:9% 0;width:100%;border-radius:5px;color:#fff}.modal-next-btn:hover{background-color:#d84100;cursor:pointer}.modal-back-btn{background-color:#ffe4d8;padding:3%;margin:9% 0;width:100%;border-radius:5px;color:#ff4d00;cursor:pointer}@media (max-width: 815px){.footer{display:none}nav{flex-direction:column;gap:10px}.user-icon{width:30px;height:30px}}html,body{margin:0;padding:0;font-family:Arial,sans-serif;min-height:100%;min-width:100%;box-sizing:border-box}.maindiv{height:100vh;width:100vw}.Home{text-align:center;display:flex;flex-direction:column;min-height:100vh;min-width:100vw}.header{background-color:#1a1a1a;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.footer{background-color:#1a1a1a;color:#fff;padding:10px;display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:auto}.header-container{display:flex;align-items:flex-end;justify-content:flex-end;width:100%}nav a{color:#fff;text-decoration:none;margin:0 15px}nav a:hover{text-decoration:underline}.user-icon{width:40px;height:40px;border-radius:50%}.elections{padding:20px;background-color:#fff;flex-grow:1}.university-image{width:100%;height:300px;object-fit:cover}.elections h2{color:#e76f51;margin:20px 0}.election-cards{display:flex;justify-content:center;gap:20px}.election-card{background-color:#ff3d004f;padding:20px;border-radius:10px;text-align:center;height:200px;box-shadow:0 2px 10px #0000001a;width:150px}.icon-placeholder{background-color:#ccc;height:50px;width:50px;margin:0 auto 10px;border-radius:50%}.election-card p{margin:0}.footer h3{margin-bottom:10px;color:#e76f51}.footer-content{display:flex;justify-content:space-between;width:100%}.contact,.location,.quick-links,.map{margin:10px;flex:1}.quick-links a{display:block;color:#fff;text-decoration:none;margin:5px 0}.quick-links a:hover{text-decoration:underline}.map-placeholder{background-color:#ccc;height:100px;width:100%}input::placeholder{color:#888;opacity:1}.signin-h1{color:#333;margin-bottom:10%}input{color:#000}.statistics-container{display:flex;justify-content:space-between;margin:10% 19%;padding:20px;gap:20px}.vote-counts{flex:2}.vote-counts h3{font-size:1.5rem;color:#ff4500;margin-bottom:10px}.vote-row{display:flex;align-items:center;margin-bottom:10px}.vote-icon{font-size:1.5rem;margin-right:10px}.vote-bar{height:10px;background-color:#2c3e50;margin-right:10px;border-radius:5px}.vote-number{font-size:1rem;font-weight:700;width:40px;height:40px;justify-content:center;display:flex;align-items:center;border:3px solid #ff4500;padding:5%;border-radius:40px}.leading-section{flex:1;text-align:center}.leading-section h3{font-size:1.5rem;color:#ff4500;margin-bottom:20px}.leading-icon{font-size:3rem;color:#ff4500;border-radius:50%;padding:20px;display:inline-block}*{box-sizing:border-box}body{background:#f6f5f7;background-size:70%;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;margin:-20px 0 50px}h1{font-weight:700;margin:0}.signin-h1{color:#333;font-size:25px;margin:10%}h2{text-align:center}p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}span{font-size:12px}a{color:#333;font-size:14px;text-decoration:none;margin:15px 0}button{border-radius:20px;border:1px solid #FF4B2B;background-color:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in}button:active{transform:scale(.95)}button:focus{outline:none}button.ghost{background-color:transparent;border-color:#fff}form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}input{background-color:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%}.container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;position:relative;overflow:hidden;height:480px;width:768px;margin-left:auto;margin-right:auto}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{transform:translate(100%)}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.container.right-panel-active .sign-up-container{transform:translate(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.container.right-panel-active .overlay-container{transform:translate(-100%)}.overlay{background:#ff416c;background:-webkit-linear-gradient(to right,#FF4B2B,#FF416C);background:linear-gradient(to right,#ff4b2b,#ff416c);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:transform .6s ease-in-out}.container.right-panel-active .overlay{transform:translate(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translate(0);transition:transform .6s ease-in-out}.overlay-left{transform:translate(-20%)}.container.right-panel-active .overlay-left{transform:translate(0)}.overlay-right{right:0;transform:translate(0)}.container.right-panel-active .overlay-right{transform:translate(20%)}.social-container{margin:20px 0}.social-container a{border:1px solid #DDDDDD;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}footer{background-color:#222;color:#fff;font-size:14px;bottom:0;position:fixed;left:0;right:0;text-align:center;z-index:999}footer p{margin:10px 0}footer i{color:red}footer a{color:#3c97bf;text-decoration:none}.overlay-container-mobile{display:none}@media (max-width: 815px){.container{width:90vw;margin-left:auto;margin-right:auto;height:55vh}.sign-in-container{width:90vw}.overlay-container{display:none}.overlay-container-mobile{display:block;position:absolute;top:7%}.overlay-mobile{background:#ff416c;background:-webkit-linear-gradient(to right,#FF4B2B,#FF416C);background:linear-gradient(to right,#ff4b2b,#ff416c);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;width:100vw;padding:5%}.overlay-right{top:0}.footer{display:none}}.candidate-apply-container{display:flex;flex-direction:column;align-items:center;padding:20px}.candidate-apply-container h2{font-size:24px;margin-bottom:20px}.form{display:flex;flex-direction:column}.form label{font-size:16px;margin-bottom:5px;color:#000}.form input{padding:8px;margin-bottom:15px;border-bottom:1px solid #000}.apply-button{padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.apply-button:hover{background-color:#45a049}.qr-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100vh;width:200vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-image:linear-gradient(to bottom right,#fff3,#fff0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:10px 10px 10px #1e1e1e80}body{margin:0;padding:0;background:#fff;font-family:Arial,sans-serif}.main_container{height:100vh;width:100vw;transition:background-color .3s}.main_container.background-blur{background:#00000080}.heading{font-size:1.5em;margin-bottom:20px}.candidates{width:30vw;grid-template-columns:repeat(4,1fr);gap:20px;display:grid;margin-left:auto;margin-right:auto;background:transparent;text-align:center}.election-card{background-color:#e3e3e3;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:background-color .3s}.election-card.selected{background-color:#b8dfae}.icon-placeholder{width:80px;height:80px;background-color:#ddd;border-radius:50%;margin-bottom:10px}.buttons-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:30px}.vote-button{padding:10px 20px;font-size:1em;background-color:#007bff;color:#fff;border:none;align-items:center;border-radius:5px;cursor:pointer;transition:background-color .3s}.vote-button:hover{background-color:#45a049}.qr-container{position:fixed;bottom:250px;right:20px;background-image:linear-gradient(to bottom right,#fff3,#fff0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:10px 10px 10px #1e1e1e80;padding:10px;border-radius:10px;transition:transform .3s ease-in-out;display:flex;justify-content:center;align-items:center;z-index:9999}.qr-container.enlarged{transform:scale(3);z-index:10;top:50%;left:50%;transform:translate(-50%,-50%) scale(3)}.qr-container svg{cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}