body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.start-screen{align-items:center;background-color:#1c1c1ccc;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.start-screen h1{color:#e50914;font-size:2.5em;margin-bottom:20px}.start-screen button{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;padding:15px 30px;transition:background-color .3s ease}.start-screen button:hover{background-color:#d40813}.user-info{align-items:center;background-color:#141414e6;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.user-info h2{color:#e50914;font-size:2em;margin-bottom:20px}.user-info form{align-items:center;display:flex;flex-direction:column;max-width:400px;width:100%}.user-info input,.user-info select{background-color:#333;border:1px solid #141414e6;border-radius:5px;color:#fff;font-size:1em;margin:10px 0;padding:10px;width:100%}.user-info input:focus,.user-info select:focus{border-color:#e50914;outline:none}.user-info button{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;padding:10px 20px;transition:background-color .3s ease}.user-info button:hover{background-color:#d40813}body{background-color:#141414;color:#f5f5f5;font-family:Arial,sans-serif;margin:0}.quiz-page{animation:fadeInUp .7s ease;background-color:#1c1c1c;border-radius:10px;box-shadow:0 10px 20px #000000b3;margin:100px auto;max-width:700px;padding:40px 20px;text-align:center}.options{align-items:center;display:flex;flex-direction:column;margin-top:20px}.option{background-color:#333;border-radius:5px;color:#fff;cursor:pointer;margin:10px;padding:15px;transition:background-color .3s ease,transform .3s ease;width:70%}.option.selected,.option:hover{background-color:#e50914;transform:translateY(-5px)}.quiz-controls{margin-top:20px}.back-btn,.next-btn,.skip-btn{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.back-btn:hover,.next-btn:hover,.skip-btn:hover{background-color:#b20610;transform:scale(1.05)}.results{animation:fadeIn 1s ease;background-color:#1c1c1c;border-radius:10px;box-shadow:0 10px 20px #000000b3;margin-top:50px;padding:20px;text-align:center}.results h2{color:#e50914;margin-bottom:20px}.results h3{color:#fff;margin-bottom:20px}.result-details{color:#f5f5f5;display:inline-block;font-size:1.2em;margin-top:20px;text-align:left}.result-details p{margin:10px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{align-items:center;background-color:#141414e6;box-shadow:0 4px 8px #00000080;box-sizing:border-box;display:flex;justify-content:space-between;padding:10px 20px;position:fixed;top:0;transition:transform .3s ease,background-color .3s ease;width:100%;z-index:100}.header.scrolled{background-color:#000000e6;transform:translateY(-10px)}.logo{color:#e50914;flex-shrink:0;font-size:24px;font-weight:700;transition:color .3s ease}.logo:hover{color:#fff}.sign-in-btn{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;margin-left:auto;padding:8px 16px;transition:transform .3s ease,background-color .3s ease}.sign-in-btn:hover{background-color:#b20610;transform:scale(1.1)}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;padding:10px}.sign-in-btn{margin-top:10px;text-align:center;width:100%}}.app-footer{background-color:#141414e6;bottom:0;box-shadow:0 4px 8px #00000080;color:#e50914;font-weight:700;left:0;padding:10px;position:fixed;text-align:center;transition:transform .3s ease,background-color .3s ease;width:100%}.app-footer.scrolled{background-color:#000000e6;transform:translateY(-10px)}.app-footer p{font-size:.9em;margin:0}.app{align-items:center;background:linear-gradient(180deg,#141414,#000);color:#fff;display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;transition:background-color .5s ease}.your-container-class,body{background-attachment:fixed;background-image:url(/static/media/1000_F_774923620_mhbMLJrQMIy7TWNSgsiHfQrfLCdqxNBQ.9d4fe3646ef2c49944b4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.app:hover{background-color:#1a1a1a}
/*# sourceMappingURL=main.51d8c8fc.css.map*/