html,body{height:100%;min-height:100vh;background-color:#f3f3f3;font-family:Open Sans,sans-serif;color:#545454}*{font-family:inherit}.onboarding-container{padding:20px;background-color:#f3f3f3;min-height:100vh;box-sizing:border-box}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:0 140px;height:60px}.bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:0 140px;height:60px}.logo{height:40px}.flag{display:block;width:2rem;height:1.6rem;cursor:pointer}.close-button{font-size:24px;border:none;background:none;cursor:pointer;padding:8px;line-height:1;color:#535353}.close-button:hover{color:#555}.onboarding-wrapper{display:flex;justify-content:center;align-items:flex-start;height:80vh;background-color:#f3f3f3;color:#545454;margin-top:102px}.onboarding-box{display:flex;width:863px;background:#fff;border-radius:12px;overflow:hidden;font-family:Open Sans,sans-serif}.onboarding-left{width:463px;padding:56px;display:flex;flex-direction:column;justify-content:center}.onboarding-right{flex:1;background-image:url(/assets/image.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.onboarding-center{width:863px;padding:56px;display:flex;flex-direction:column;justify-content:center}.onboarding-title{font-size:24px;font-weight:600;margin-bottom:12px}.onboarding-description{font-size:16px;color:#545454;margin-bottom:28px;line-height:1.5}.onboarding-label{font-weight:600;margin-bottom:1px}.onboarding-input{width:100%;padding:18px;font-size:16px;border:2px solid #ccc;border-radius:8px;outline:none;transition:border-color .3s ease}.onboarding-input:focus{border-color:#0078d4}.primary-button{width:100%;padding:18px;background-color:#0078d4;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;margin-top:16px;transition:background-color .3s ease}.primary-button:hover{background-color:#005ba1}.primary-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.onboarding-input,.primary-button{width:100%;max-width:100%;box-sizing:border-box;display:block}.secondary-button{color:#535353;width:100%;padding:18px;background:#fff;font-size:16px;font-weight:600;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:background .3s ease,border-color .3s ease;margin-top:16px}.secondary-button:hover{background:#f5f5f5;border-color:#bbb}.next{width:140px;margin:0}.onboarding-error{color:red;font-size:14px;margin-top:8px;text-align:left}.activation-steps{list-style:none;padding:0;margin:32px 0;counter-reset:step-counter}.activation-steps li{counter-increment:step-counter;margin-bottom:32px}.step{display:flex;gap:16px;align-items:flex-start}.step-number{font-weight:600;font-size:16px;line-height:1.5;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:16px}.step-content strong{font-weight:600;font-size:16px;line-height:1.5;display:inline-block}.step-content p{margin:0;font-size:16px;line-height:1.5}.step-content .primary-button{width:fit-content}.cancel-button-container{display:flex;justify-content:flex-end;margin-top:32px}.cancel-button{width:fit-content;padding-left:24px;padding-right:24px}@media (max-width: 768px){.onboarding-container{padding:10px}.top-bar,.bottom-bar{padding:0 40px}.logo{height:32px}.close-button{font-size:20px}.onboarding-wrapper{align-items:flex-start;padding:24px;min-height:100vh;position:relative}.onboarding-box{flex-direction:column;width:100%;max-width:100%;border-radius:12px;height:auto;overflow:visible}.onboarding-center,.onboarding-left{width:100%;padding:24px 16px;box-sizing:border-box}input.onboarding-input,.primary-button,.secondary-button{width:100%;max-width:100%;box-sizing:border-box}.onboarding-right{display:block;width:100%;height:auto;max-height:120px;aspect-ratio:2/1;background-size:cover;background-position:center;background-repeat:no-repeat;border-top:1px solid #eee;border-end-end-radius:12px;border-end-start-radius:12px}.onboarding-title{font-size:20px;margin-bottom:8px}.onboarding-description{font-size:14px;margin-bottom:20px}.primary-button,.secondary-button{font-size:15px;padding:16px}.step{flex-direction:column}.step-number{margin-bottom:4px}.cancel-button-container{justify-content:center}}@media (max-width: 480px){html,body{background-color:#fff}.onboarding-container{padding:0;background-color:#fff}.top-bar,.bottom-bar{padding:0 10px}.onboarding-wrapper{padding:0;height:100vh}.onboarding-box{border-radius:0;width:100vw;height:100vh;max-width:100%}.onboarding-left,.onboarding-center{padding:24px 16px;box-sizing:border-box;border-radius:0}.onboarding-right{display:none}}