*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI Variable,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000;min-height:100vh;color:#fff;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:15px!important}.title{font-size:1.5em!important}.controls{flex-direction:column!important}.button{width:100%!important;min-width:unset!important}.results{max-height:300px!important}.videoContainer{margin-bottom:20px!important}}@media (min-width:769px){.mainContent{flex-direction:row!important;align-items:flex-start!important}.results,.videoContainer{flex:0 0 50%!important;max-width:50%!important}.results{max-height:calc(100vh - 200px)!important}}.loginContainer{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;padding:20px}.loginBox{background:#000;padding:2rem;border-radius:15px;width:100%;max-width:400px;border:2px solid #ffeb3b;box-shadow:0 0 20px rgba(255,235,59,.3)}.loginTitle{text-align:center;color:#ffeb3b;margin-bottom:1.5rem;font-size:clamp(1.5em,4vw,2em);font-weight:700;text-shadow:0 0 10px rgba(255,235,59,.5)}.loginForm{display:flex;flex-direction:column}.loginInputGroup{margin-bottom:1rem}.loginLabel{display:block;margin-bottom:.5rem;font-size:clamp(.9em,2.5vw,1em);font-weight:500;color:#ffeb3b;text-shadow:0 0 5px rgba(255,235,59,.3)}.loginInput{width:100%;padding:.75rem;font-size:1rem;background:#000;color:#fff;border:2px solid #ffeb3b;border-radius:10px;box-sizing:border-box;transition:all .3s;font-family:inherit}.loginInput:focus{outline:none;box-shadow:0 0 15px rgba(255,235,59,.5);border-color:#ffeb3b}.loginInput:disabled{opacity:.5;cursor:not-allowed}.loginError{margin-bottom:1rem;padding:.75rem;background:rgba(255,68,68,.2);color:#f44;border:2px solid #f44;border-radius:10px;font-size:clamp(.85em,2.5vw,.9em);text-align:center}.loginButton{width:100%;padding:12px 20px;font-size:clamp(.9em,2.5vw,1em);font-weight:700;color:#000;background:#ffeb3b;border:2px solid #ffeb3b;border-radius:10px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.loginButton:hover:not(:disabled){background:#fff59d;border-color:#fff59d;box-shadow:0 0 20px rgba(255,235,59,.6);transform:translateY(-2px)}.loginButton:active:not(:disabled){transform:translateY(0)}.loginButtonDisabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.loginBox{padding:1.5rem}}