body{background-color:#121212;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{color:#f0f0f0;z-index:2;flex-direction:column;align-items:center;max-width:1280px;min-height:100vh;margin:0 auto;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}html,body{scrollbar-width:none;-ms-overflow-style:none;overflow-y:scroll}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.bg-video{object-fit:cover;z-index:-1;filter:brightness(.25)blur(2px);width:100vw;height:100vh;position:fixed;top:0;left:0}.title{text-align:center;color:#e0e0e0;letter-spacing:2px;margin-bottom:2rem;font-size:3.5rem;font-weight:300}h1,h2{text-align:center;color:#00bcd4}.form-slide{background-color:#ffffff0d;border-radius:12px;min-width:350px;max-width:500px;margin-bottom:20px;padding:2rem;box-shadow:0 4px 15px #00000080}label{color:#bdbdbd;margin-top:15px;margin-bottom:8px;font-size:1.1rem;font-weight:500;display:block}input,button,select{box-sizing:border-box;border:none;border-radius:8px;width:100%;margin-top:5px;padding:12px 16px;font-size:1rem}input,select{color:#fff;background-color:#333;border:1px solid #555;transition:border-color .3s,box-shadow .3s}input:focus,select:focus{border-color:#00bcd4;outline:none;box-shadow:0 0 5px #00bcd480}input[list]{padding-right:30px}.navigation-controls{justify-content:space-between;width:100%;max-width:500px;margin-top:20px;display:flex}.prev,.next,button[type=submit]{color:#121212;cursor:pointer;background-color:#00bcd4;flex-grow:1;width:auto;margin:0 10px;font-weight:700;transition:background-color .3s,transform .2s,opacity .3s}.prev:hover,.next:hover,button[type=submit]:hover:not(:disabled){background-color:#0097a7;transform:translateY(-2px)}.prev:disabled,.next:disabled{opacity:.5;cursor:not-allowed;transform:none}button[type=submit]{width:100%;margin-top:25px}.result-screen{text-align:center;background-color:#00bcd41a;border-radius:12px;padding:3rem;box-shadow:0 4px 20px #0009}.result-screen h1{color:#e0e0e0;margin-bottom:10px;font-size:2rem}.result-screen h2{color:#a5d6a7;font-size:3.5rem;font-weight:700}.start-title{color:#e0e0e0;text-align:center;letter-spacing:2px;margin-top:200px;margin-bottom:2rem;font-size:4.2rem;font-weight:300}
