*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.home-description{text-align:center;font-size:1.2rem;color:#666;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600}h1{font-size:2.5rem;text-align:center;margin-bottom:2rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}a{color:#007bff;text-decoration:none;transition:color .2s ease}a:hover{color:#0056b3;text-decoration:underline}button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#6c757d;cursor:not-allowed}input[type=file]{margin-bottom:1rem;padding:8px;border:1px solid #ddd;border-radius:4px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}img{max-width:100%;height:auto;border-radius:4px}.loading{text-align:center;padding:2rem;color:#666}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:10px;margin:10px 0}.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:10px;margin:10px 0}@media (max-width: 768px){.container{padding:0 15px}h1{font-size:2rem}.grid-2,.grid-3{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.voting-interface{max-width:1000px;margin:0 auto;padding:20px}.voting-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin:40px 0}.person-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid transparent}.person-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026;border-color:#007bff}.person-image{width:100%;height:300px;object-fit:cover;display:block}.person-info{padding:20px;text-align:center}.person-info h3{margin:0 0 10px;color:#333;font-size:1.5rem}.vote-count{color:#666;margin:0 0 15px;font-size:1rem}.vote-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.vote-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:scale(1.05)}.vs-divider{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#666;background:#f8f9fa;border-radius:50%;width:80px;height:80px;border:3px solid #dee2e6}.results-container{max-width:1200px;margin:0 auto;padding:20px}.results-summary{text-align:center;margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:20px 0}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;text-align:center}.stat-card h3{font-size:2.5rem;color:#007bff;margin:0 0 10px}.stat-card p{color:#666;margin:0;font-size:1rem}.top-performers{margin:40px 0}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}.result-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.result-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#007bff}.result-image{width:100%;height:200px;object-fit:cover}.result-info{padding:20px;text-align:center}.result-info h4{margin:0 0 15px;color:#333;font-size:1.2rem}.result-stats{color:#666;font-size:.9rem}.result-stats p{margin:5px 0}.recent-votes{margin:40px 0}.activity-list{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.activity-item:last-child{border-bottom:none}.activity-time{color:#666;font-size:.9rem}.activity-action{color:#333;font-weight:500}@media (max-width: 768px){.voting-pair{grid-template-columns:1fr;gap:20px}.vs-divider{order:2;width:60px;height:60px;font-size:1.5rem}.person-image{height:250px}.results-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.photo-upload-container{max-width:600px;margin:0 auto;padding:20px}.upload-description{color:#666;margin-bottom:30px;text-align:center;font-size:1.1rem}.upload-form{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px #0000001a;margin-bottom:20px}.file-input-container{margin-bottom:20px}.file-input{display:none}.file-input-label{display:block;padding:15px 20px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;font-size:1rem;color:#666}.file-input-label:hover{background:#e9ecef;border-color:#007bff;color:#007bff}.upload-button{width:100%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:15px 20px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-button:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-2px)}.upload-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.message{padding:15px 20px;border-radius:8px;margin:20px 0;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.validation-result{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;margin:20px 0}.validation-result h4{margin:0 0 15px;color:#333}.validation-details{display:grid;grid-template-columns:1fr 1fr;gap:15px}.validation-details p{margin:0;padding:10px;background:#f8f9fa;border-radius:4px}.upload-guidelines{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px}.upload-guidelines h4{margin:0 0 15px;color:#333}.upload-guidelines ul{margin:0;padding-left:20px}.upload-guidelines li{margin:8px 0;color:#666}@media (max-width: 768px){.photo-upload-container{padding:15px}.upload-form{padding:20px}.faq-content,.about-content{max-width:800px;margin:0 auto;padding:20px;line-height:1.6}.faq-content h2,.about-content h2{text-align:center;color:#333;margin-bottom:30px;font-size:2.2rem}.faq-section{background:#fff;border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a;border-left:4px solid #007bff}.faq-section h3{color:#007bff;margin:0 0 15px;font-size:1.3rem;font-weight:600}.faq-section p{margin:0;color:#555;font-size:1rem}.about-content h3{color:#333;margin:25px 0 15px;font-size:1.4rem;font-weight:600}.about-content p{margin-bottom:15px;color:#555;font-size:1rem}.faq-content,.about-content{padding:15px}.faq-content h2,.about-content h2{font-size:1.8rem}.faq-section{padding:20px}.faq-section h3{font-size:1.2rem}}