body{background-color:#1a1a1a;background-size:cover;background-attachment:fixed;color:#fff;font-family:Electrolize,sans-serif;margin:0;padding:20px;position:relative;overflow-x:hidden}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(10,10,30,.9) 100%);z-index:-1}.btn{display:inline-block;position:absolute;top:100px;right:40px;background:#6496ff33;border:1px solid rgba(100,200,255,.4);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.9rem;text-align:center;transition:all .3s ease;max-width:300px}.btn:hover{background:#6496ff66;border-color:#0cf}.btn-logout{background:#b21f1f}.btn-logout:hover{background:#8a1919}.loading{text-align:center;padding:30px;display:none}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#1a2a6c;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#ffecec;color:#b21f1f;padding:15px;border-radius:8px;margin:20px 0;display:none}.start-screen{margin:auto;background:#0f1928e6;border-radius:20px;padding:40px;width:90%;max-width:600px;text-align:center;box-shadow:0 0 50px #00c8ff4d;border:2px solid rgba(100,200,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title{font-size:3.5rem;margin-bottom:30px;color:#0cf;text-shadow:0 0 15px rgba(0,200,255,.7);letter-spacing:2px}.subtitle{font-size:1.4rem;margin-bottom:40px;color:#acf;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.session-key-config{margin:30px 0;padding:25px;background:#0a142899;border-radius:15px;border:1px solid rgba(100,180,255,.3)}.session-key-label{font-size:1.5rem;margin-bottom:20px;color:#0fc}.session-key-input{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.session-key-input input{width:100%;padding:15px;font-size:1.4rem;text-align:center;background:#001e3cb3;border:2px solid #00ccff;border-radius:10px;color:#fff;outline:none;font-family:Electrolize,sans-serif;transition:all .3s}.session-key-input input:focus{box-shadow:0 0 20px #00c8ff80;border-color:#0ff}.session-key-input input::placeholder{color:#c8c8ff99}.organisation-config{margin:30px 0;padding:25px;background:#0a142899;border-radius:15px;border:1px solid rgba(100,180,255,.3)}.organisation-label{font-size:1.5rem;margin-bottom:20px;color:#0fc}.organisation-select{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.organisation-select select{width:100%;padding:15px;font-size:1.4rem;text-align:center;background:#001e3cb3;border:2px solid #00ccff;border-radius:10px;color:#fff;outline:none;font-family:Electrolize,sans-serif;transition:all .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 15px center}.organisation-select select:focus{box-shadow:0 0 20px #00c8ff80;border-color:#0ff}.time-config{margin:30px 0;padding:25px;background:#0a142899;border-radius:15px;border:1px solid rgba(100,180,255,.3)}.time-label{font-size:1.5rem;margin-bottom:20px;color:#0fc}.time-input{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.time-input input{width:100px;padding:15px;font-size:2rem;text-align:center;background:#001e3cb3;border:2px solid #00ccff;border-radius:10px;color:#fff;outline:none;font-family:Electrolize,sans-serif}.time-input input:focus{box-shadow:0 0 20px #00c8ff80}.minutes-label{font-size:1.4rem;color:#9cf}.start-btn{background:linear-gradient(to right,#00b4db,#0083b0);color:#fff;border:none;padding:18px 50px;font-size:1.8rem;border-radius:50px;cursor:pointer;transition:all .3s;margin-top:30px;box-shadow:0 5px 25px #00b4db66;font-family:Electrolize,sans-serif;letter-spacing:1px;position:relative;overflow:hidden}.start-btn:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00b4db99;background:linear-gradient(to right,#00c6fb,#09c)}.start-btn:active{transform:translateY(0)}.start-btn:after{content:"";position:absolute;top:-50%;left:-60%;width:30px;height:200%;background:#ffffff4d;transform:rotate(30deg);transition:all .6s}.start-btn:hover:after{left:120%}.container{display:none;max-width:1200px;margin:0 auto;width:95%;animation:fadeIn .8s ease-out}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.countdown-container{display:flex;align-items:center;gap:15px}.countdown-label{font-size:1.4rem;color:#ccc}.countdown-timer{font-size:2.2rem;font-weight:700;background:#001428b3;border:2px solid #0ff;border-radius:8px;padding:8px 20px;min-width:140px;text-align:center;box-shadow:0 0 15px #00ffff4d;color:#0ff}.timer-paused{color:#f96;border-color:#f96;animation:pulse 1.5s infinite}.controls{display:flex;gap:15px}button{background:linear-gradient(to bottom,#2c3e50,#1a2a3a);color:#fff;border:none;padding:12px 25px;border-radius:6px;cursor:pointer;transition:all .3s;font-family:Electrolize,sans-serif;font-size:1.1rem;box-shadow:0 4px 6px #0000004d}button:hover{background:linear-gradient(to bottom,#3c5e70,#2a4a5a);transform:translateY(-2px);box-shadow:0 6px 8px #0006}#beginBtn{background:linear-gradient(to bottom,#4a235a,#2d0f3a)}#beginBtn:hover{background:linear-gradient(to bottom,#5a336a,#3d1f4a)}#pauseResumeBtn{background:linear-gradient(to bottom,#4a235a,#2d0f3a)}#pauseResumeBtn:hover{background:linear-gradient(to bottom,#5a336a,#3d1f4a)}#musicToggle{background:linear-gradient(to bottom,#4a235a,#2d0f3a);display:flex;align-items:center;justify-content:center;width:50px;padding:12px}#musicToggle:hover{background:linear-gradient(to bottom,#5a336a,#3d1f4a)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin:30px auto}.footer{max-width:1200px;margin:60px auto 20px;padding:25px;background:#0a141eb3;border-radius:10px;border:1px solid rgba(100,150,255,.2);box-shadow:0 5px 15px #00000080;text-align:center;display:block;align-items:center;justify-content:space-between}.footer-image{height:80px;width:auto;object-fit:contain;transition:transform .3s ease}.footer-image:hover{transform:scale(1.05)}.footer-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}.footer-section{display:flex;flex-direction:column;align-items:center;min-width:100px}.text-content{flex:1;text-align:center;max-width:600px}.icon-label{font-size:.85rem;text-align:center;margin-top:5px;opacity:.8}.signin-button{position:absolute;top:100px;right:40px;background:#6496ff33;border:1px solid rgba(100,200,255,.4);border-radius:4px;padding:5px 10px;font-size:.9rem;cursor:pointer;transition:all .3s}.signin-button:hover{background:#6496ff66;border-color:#0cf}.language-toggle{position:absolute;top:100px;right:120px;background:#6496ff33;border:1px solid rgba(100,200,255,.4);border-radius:4px;padding:5px 10px;font-size:.9rem;cursor:pointer;transition:all .3s}.language-toggle:hover{background:#6496ff66;border-color:#0cf}.user-box{position:relative;aspect-ratio:1;border:2px solid rgba(255,255,255,.7);border-radius:10px;background-size:cover;background-position:center;overflow:hidden;transition:all .3s;background-color:#1e283c80;box-shadow:0 4px 8px #0000004d}.user-box:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0064ff66;border-color:#0ff}.user-name{position:absolute;bottom:10px;width:100%;text-align:center;font-weight:700;text-shadow:0 0 8px rgba(0,0,0,.8);font-size:1.2rem;padding:5px;background:#00000080}.progress-container{position:absolute;width:70%;height:70%;top:15%;left:15%}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.3em;font-weight:700;color:#fff;text-shadow:0 0 5px black}@keyframes glow{0%{filter:drop-shadow(0 0 5px #ffffff)}50%{filter:drop-shadow(0 0 15px #ffffff)}to{filter:drop-shadow(0 0 5px #ffffff)}}@keyframes pulse-glow{0%{filter:url(#glow);opacity:.8}50%{filter:url(#glow);opacity:1;transform:scale(1.02)}to{filter:url(#glow);opacity:.8}}.progress-circle{animation:pulse-glow 1.5s ease-in-out infinite;transform-origin:center}.screen-hidden{display:none;text-align:center}.video-container{text-align:center;margin-top:20px}#celebrationVideo{max-width:800px;width:90%;margin:20px auto;border-radius:10px;box-shadow:0 0 30px #00c8ff80}.winners-container{display:flex;justify-content:center;gap:40px;margin-top:50px;flex-wrap:wrap}.winner-card{position:relative;width:200px;text-align:center}.winner-card:after{content:"";display:block;width:100px;height:100px;margin:20px auto 0;background-size:contain;background-repeat:no-repeat}.winner-card:nth-child(1){order:2;transform:scale(1.2)}.winner-card:nth-child(2){order:1;margin-top:40px}.winner-card:nth-child(3){order:3;margin-top:40px}.winner-card:nth-child(1):after{background-image:url(/assets/gold-medal-BvC4YzpW.png)}.winner-card:nth-child(2):after{background-image:url(/assets/silver-medal-k_S_o-7n.png)}.winner-card:nth-child(3):after{background-image:url(/assets/bronze-medal-Crqtgw8L.png)}.winner-name{font-size:24px;margin:10px 0;color:#fff}.winner-score{font-size:20px;color:#0ff;margin-bottom:15px}.podium-img{text-align:center}.podium{width:300px;height:200px;position:relative;margin:0 auto}.podium-step{position:absolute;bottom:0;background:#ffffff1a}.podium-first{left:50%;transform:translate(-50%);width:100px;height:150px}.podium-second{left:0;width:80px;height:100px}.podium-third{right:0;width:80px;height:100px}.music-controls{position:fixed;bottom:20px;right:20px;z-index:100;background:#141428d9;border-radius:10px;padding:15px;box-shadow:0 0 20px #00000080;border:1px solid rgba(100,200,255,.3);transform:translateY(120%);transition:transform .5s ease;width:300px;display:none}.music-controls.visible{transform:translateY(0);display:block}.music-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.music-title{font-size:1.2rem;color:#acf;margin:0}.close-music{background:none;border:none;color:#ccc;font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-music:hover{background:#ffffff1a;color:#fff}.music-slider-container{margin-bottom:15px}.music-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#6464c84d;border-radius:4px;outline:none}.music-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#0cf;cursor:pointer;box-shadow:0 0 10px #00c8ffb3}.music-time{display:flex;justify-content:space-between;font-size:.9rem;color:#9ac}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.top-bar{flex-direction:column;align-items:stretch}.countdown-container,.controls{justify-content:center}.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.music-controls{width:90%;left:5%;right:auto}.language-toggle{position:static;margin:10px auto;display:block}}