@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";
:root{--primary:#ffb81c;--secondary:#d1ef1f;--accent:#2d42b0;--background:#1b163b;--surface:#ffffff0d;--surface-hover:#ffffff1a;--text:#fff;--text-muted:#fff;--border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{color:var(--text);background:linear-gradient(#000 0%,#0000004d 40%),linear-gradient(90deg,#d31f2e 50%,#105ca5 50%);min-height:100vh;overflow-x:hidden}.glass-container{background:#000;border:2px solid #ffb81c;border-radius:24px;padding:32px;box-shadow:0 15px 40px #ffb81c26}h1{color:#fff;margin-bottom:8px;font-size:2.5rem;font-weight:800}h2{margin-bottom:16px;font-size:1.5rem;font-weight:600}p.subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1.1rem}.btn-primary{color:#000;cursor:pointer;text-align:center;background:#ffb81c;border:none;border-radius:50px;width:100%;padding:16px 32px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:inline-block;box-shadow:0 4px 15px #ffb81c4d}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #ffb81c80}.btn-primary:active{transform:translateY(1px)}.team-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;margin-bottom:16px;padding:16px;transition:transform .2s,background .2s;display:flex;position:relative;overflow:hidden}.team-card:hover{background:var(--surface-hover);transform:translate(5px)}.team-flag{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:48px;height:48px;margin-right:16px}.team-info{z-index:1;flex:1}.team-name{margin-bottom:4px;font-size:1.1rem;font-weight:600}.vote-count{color:var(--text-muted);font-size:.9rem}.vote-bar-bg{z-index:0;background:linear-gradient(90deg,#e5242133,#d1ef1f33);border-right:2px solid #ffffff1a;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.winner-badge{color:#000;z-index:2;background:gold;padding:4px 24px;font-size:.7rem;font-weight:800;position:absolute;top:10px;right:-20px;transform:rotate(45deg);box-shadow:0 2px 10px #0000004d}.form-group{margin-bottom:24px}.form-label{color:#fff;margin-bottom:10px;font-size:1.05rem;font-weight:600;display:block}.form-input,.form-select{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:14px;width:100%;padding:16px 20px;font-size:1.05rem;transition:all .3s}.form-input:focus,.form-select:focus{background:#ffffff1f;border-color:#ffb81c;outline:none;box-shadow:0 0 12px #ffb81c4d}.form-select option{color:#fff;background:#000}.navbar{justify-content:center;align-items:center;padding:20px;display:flex}.logo{letter-spacing:2px;color:#fff;font-size:1.5rem;font-weight:800;text-decoration:none}.container{max-width:800px;margin:0 auto;padding:0 20px 40px}.tabs{gap:10px;margin-bottom:24px;display:flex}.tab{text-align:center;background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:12px;flex:1;padding:12px;transition:all .3s}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.alert{border:1px solid var(--primary);color:#fff;text-align:center;background:#e524211a;border-radius:12px;margin-bottom:20px;padding:16px}.alert.success{background:#2ecc711a;border-color:#2ecc71}@media (min-width:768px){.btn-primary{width:auto;min-width:250px}}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dashboard-btn-group{gap:12px;display:flex}@media (max-width:600px){.dashboard-btn-group{flex-direction:column}.dashboard-btn-group button{width:100%}}
