@font-face{font-family:Ubuntu;src:url(/frameworks/assets/Ubuntu-Medium-C-1-7KOl.ttf) format("truetype");font-weight:500;font-style:normal}:root{--capgemini-blue: #0070ad;--vibrant-blue: #12abdb;--dark-grey: #272936;--cool-grey: #f6f6f6;--white: #ffffff;--text-dark: #272936;--text-light: #f6f6f6;--radius: 12px;--shadow-soft: 0 4px 16px rgba(0, 0, 0, .05);--font-main: "Ubuntu", sans-serif}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #000;background-color:#fede00;color:#000}:root{--capgemini-blue: #0070ad;--vibrant-blue: #12abdb;--dark-grey: #272936;--cool-grey: #f6f6f6}*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif}body,html{height:100%;background:linear-gradient(to bottom,var(--capgemini-blue),var(--vibrant-blue));display:flex;justify-content:center;align-items:center}h1{margin:2rem}.frame{background:#fff;width:100vh;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;height:70vh;display:flex;flex-direction:column}.frame-content{padding:3em 3em 0;text-align:center;height:100vh}@media screen and (min-width: 1524px){.frame{width:75vh;height:50vh}}.frame-header{background:#2d2d38;color:#fff;padding:12px 24px;font-weight:500;display:flex;align-items:center}h2{margin-bottom:24px;color:#272936}p{font-size:16px;color:#333;margin-bottom:32px}.button-group{display:flex;justify-content:center;gap:24px}.level-button{padding:12px 28px;border:none;background:#12abdb;color:#fff;font-size:16px;border-radius:24px;cursor:pointer;transition:background .2s}.level-button:hover{background:#0070ad}.footer{display:flex;justify-content:space-between;align-items:center;background:#f6f6f6;padding:12px 24px}.progress-bar{height:8px;background:#ccc;border-radius:4px;flex-grow:1;margin:0 16px;position:relative}.progress-bar-fill{height:100%;background:#007baf;border-radius:4px}.progress-bar-fill-1{width:5%}.progress-bar-fill-2{width:10%}.progress-bar-fill-3{width:15%}.progress-bar-fill-4{width:20%}.progress-bar-fill-9{width:90%}.progress-bar-fill-full{width:100%}.btn-next{padding:6px 14px;border-radius:16px;border:1px solid #999;background:#fff;cursor:pointer;text-decoration:none;color:#777}.btn-back{font-size:24px;color:#777;cursor:pointer;text-decoration:none}.mascot,.happy-mascot{width:10rem;margin-bottom:1rem}.error{color:red;font-size:1em;margin-top:10px}#username,#password{width:100%;padding:16px 20px;margin-bottom:20px;font-size:16px;border:none;border-radius:12px;background-color:#eaf1ff;color:#333;transition:box-shadow .2s ease}#username::placeholder,#password::placeholder{color:#555;opacity:1}#username:focus,#password:focus{outline:none;box-shadow:0 0 0 2px #007baf}.back-arrow{text-decoration:none;color:#777}.logo{height:1rem;margin-right:1em}.btn-next a{text-decoration:none;color:#777}.language-button{background-color:#fff;border:none;display:flex;flex-direction:column}.language-button img{width:10em;margin:1em}.btn-next-ready{padding:6px 14px;border-radius:16px;background:var(--capgemini-blue);cursor:pointer;border:none;color:#fff;text-decoration:none}.btn-next-ready a{text-decoration:none;color:#fff}.btn-hidden{opacity:0;pointer-events:none}