.landing-page-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;color:white;overflow-x:hidden;position:relative}.landing-page-container *{box-sizing:border-box}.landing-page-container .header{text-align:center;margin-bottom:30px;z-index:10}.landing-page-container .header h1{font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:10px}.landing-page-container .timer{font-size:4.5rem;font-family:Courier New,Courier,monospace;font-weight:700;color:#FFFFFF;text-shadow:0 0 5px rgba(255,255,255,.7),0 0 10px rgba(173,216,230,.6),0 0 15px rgba(0,191,255,.5);opacity:1;background:rgba(0,0,0,.5);padding:20px 30px;border-radius:15px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:25px;line-height:1;letter-spacing:3px;border:2px solid rgba(255,255,255,.2)}.landing-page-container .total-progress{background:rgba(255,255,255,.15);padding:15px 20px;border-radius:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;min-width:280px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.landing-page-container .total-progress-label{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:#FFD700;text-shadow:0 0 10px rgba(255,215,0,.5)}.landing-page-container .total-progress-bar{background:rgba(255,255,255,.2);height:18px;border-radius:10px;overflow:hidden;margin-bottom:8px;position:relative}.landing-page-container .total-progress-fill{background:linear-gradient(90deg,#FFD700,#FFA500);height:100%;border-radius:10px;transition:width 1s ease-in-out;box-shadow:0 0 10px rgba(255,215,0,.5)}.landing-page-container .total-progress-text{font-size:1rem;font-weight:700;opacity:.9}.landing-page-container .leaderboard{width:100%;max-width:550px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;height:auto;min-height:680px;z-index:10}.landing-page-container .leaderboard-item{display:flex;flex-direction:column;padding:12px 15px;background:rgba(255,255,255,.2);border-radius:15px;transition:all 2s cubic-bezier(.25,.46,.45,.94),top 1s ease-in-out,opacity 1s ease-in-out;border-left:5px solid transparent;position:absolute;width:calc(100% - 40px);left:20px;height:85px;overflow:hidden}.landing-page-container .leaderboard-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:translateX(-100%);transition:transform 1.2s ease-in-out}.landing-page-container .leaderboard-item:hover:before{transform:translateX(100%)}.landing-page-container .rank{font-size:1.8rem;font-weight:700;min-width:50px;text-align:center;margin-right:15px;transition:all .5s ease}.landing-page-container .rank-1{color:#FFD700;text-shadow:0 0 10px #FFD700}.landing-page-container .rank-2{color:#C0C0C0;text-shadow:0 0 10px #C0C0C0}.landing-page-container .rank-3{color:#CD7F32;text-shadow:0 0 10px #CD7F32}.landing-page-container .rank-4{color:#87CEEB}.landing-page-container .rank-5{color:#DDA0DD}.landing-page-container .rank-6{color:#9370DB}.landing-page-container .rank-7{color:#20B2AA}.landing-page-container .rank-10,.landing-page-container .rank-8,.landing-page-container .rank-9{color:#A9A9A9}.landing-page-container .person-info{flex:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.landing-page-container .person-left{display:flex;align-items:center}.landing-page-container .person-icon{font-size:1.8rem;margin-right:10px;transition:transform .8s ease-out}.landing-page-container .leaderboard-item:hover .person-icon{transform:scale(1.2) rotate(10deg)}.landing-page-container .person-name{font-size:1.2rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.landing-page-container .achievement-text{font-size:.9rem;font-weight:700;opacity:.9;white-space:nowrap}.landing-page-container .progress-container{display:flex;align-items:center;gap:8px;position:relative}.landing-page-container .progress-bar{flex:1;background:rgba(255,255,255,.3);height:8px;border-radius:4px;overflow:hidden}.landing-page-container .progress-fill{height:100%;border-radius:4px;transition:width 1s ease-in-out,background 1s ease-in-out}.landing-page-container .progress-emoji{position:absolute;top:50%;transform:translateY(-50%);transition:left 1s ease-in-out;z-index:1;line-height:1}.landing-page-container .progress-low{background:linear-gradient(90deg,#DC143C,#8B0000);box-shadow:0 0 8px rgba(220,20,60,.5)}.landing-page-container .progress-medium-low{background:linear-gradient(90deg,#FF4500,#CD4F39);box-shadow:0 0 8px rgba(255,69,0,.5)}.landing-page-container .progress-medium-high{background:linear-gradient(90deg,#32CD32,#228B22);box-shadow:0 0 8px rgba(50,205,50,.5)}.landing-page-container .progress-high{background:linear-gradient(90deg,#00FF7F,#006400);box-shadow:0 0 8px rgba(0,255,127,.5)}.landing-page-container .progress-percentage{font-size:.85rem;font-weight:700;min-width:35px;text-align:right;opacity:.9}.landing-page-container .position-1{border-left-color:#FFD700}.landing-page-container .position-2{border-left-color:#C0C0C0}.landing-page-container .position-3{border-left-color:#CD7F32}.landing-page-container .position-4{border-left-color:#87CEEB}.landing-page-container .position-5{border-left-color:#DDA0DD}.landing-page-container .position-6{border-left-color:#9370DB}.landing-page-container .position-7{border-left-color:#20B2AA}.landing-page-container .position-10,.landing-page-container .position-8,.landing-page-container .position-9{border-left-color:#A9A9A9}.landing-page-container .winner-highlight{animation:winnerCelebration 2s ease-in-out;box-shadow:0 0 30px #FFD700!important;background:linear-gradient(45deg,rgba(255,215,0,.3),rgba(255,255,255,.2))!important;z-index:20}@keyframes winnerCelebration{0%{transform:scale(1)}30%{transform:scale(1.15);box-shadow:0 0 40px #FFD700}60%{transform:scale(1.08)}to{transform:scale(1.05);box-shadow:0 0 30px #FFD700}}@keyframes float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) rotate(1turn);opacity:0}}.landing-page-container .login-button-container{position:fixed;bottom:20px;right:20px;z-index:100}.landing-page-container .login-popup-button{background-color:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:white;font-weight:700;padding:10px 20px;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .3s ease}.landing-page-container .login-popup-button:hover{background-color:rgba(255,255,255,.3);box-shadow:0 4px 15px rgba(0,0,0,.3);transform:translateY(-2px)}.landing-page-container .leaderboard-refresh-countdown{text-align:center;font-size:.85rem;color:rgba(255,255,255,.7);margin-top:15px;padding:5px;width:100%;max-width:550px;margin-left:auto;margin-right:auto;opacity:.8;z-index:10}@media (max-width:768px){.landing-page-container .header h1{font-size:1.8rem}.landing-page-container .timer{font-size:3.5rem;padding:15px 25px;letter-spacing:2px}.landing-page-container .leaderboard{padding:15px;margin:0 10px;min-height:500px}.landing-page-container .leaderboard-item{padding:10px 12px;height:75px;width:calc(100% - 30px);left:15px}.landing-page-container .rank{font-size:1.3rem;min-width:40px;margin-right:10px}.landing-page-container .person-name{font-size:1rem}.landing-page-container .person-icon{font-size:1.5rem;margin-right:8px}.landing-page-container .achievement-text,.landing-page-container .progress-percentage{font-size:.8rem}.landing-page-container .progress-emoji{font-size:1rem}.landing-page-container .leaderboard-refresh-countdown{font-size:.8rem;margin-top:10px}}@media (max-width:480px){.landing-page-container .header h1{font-size:1.6rem}.landing-page-container .timer{font-size:2.8rem;padding:12px 20px;letter-spacing:1px}.landing-page-container .total-progress-label{font-size:1.1rem}.landing-page-container .total-progress-text{font-size:.9rem}.landing-page-container .leaderboard{padding:10px;min-height:450px}.landing-page-container .leaderboard-item{height:70px;padding:8px 10px;width:calc(100% - 20px);left:10px}.landing-page-container .person-name{font-size:.9rem}.landing-page-container .person-icon{font-size:1.3rem;margin-right:8px}.landing-page-container .rank{font-size:1.1rem;min-width:30px;margin-right:8px}.landing-page-container .achievement-text,.landing-page-container .progress-percentage{font-size:.75rem}.landing-page-container .progress-emoji{font-size:.9rem}.landing-page-container .leaderboard-refresh-countdown{font-size:.75rem}.landing-page-container .login-button-container{bottom:10px;right:10px}.landing-page-container .login-popup-button{padding:8px 15px;font-size:.9rem}}