*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#666}button,input{font:inherit}.login-page{min-height:100vh;background:linear-gradient(180deg,#073dae,#0960cf 50%,#098ff2);overflow:hidden}.loading-overlay{position:fixed;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgb(5 52 157/82%);color:#fff;font-size:14px;cursor:wait}.loading-spinner{width:38px;height:38px;border:4px solid rgb(255 255 255/35%);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-shell{width:min(334px,calc(100vw - 32px));margin:0 auto;padding-top:14px}.brand-logo{display:block;width:56px;height:auto;margin:0 auto 27px;filter:drop-shadow(0 2px 2px rgb(0 0 0/28%))}.login-card{min-height:380px;padding:21px 20px 28px;background:#fff;border-radius:4px;box-shadow:0 2px 5px rgb(0 0 0/28%)}.login-card h1{margin:0 0 49px;color:#666;font-size:16px;font-weight:400;text-align:center}.field{position:relative;display:block;margin-bottom:35px;border-bottom:1px solid #ddd}.field input{width:100%;height:32px;padding:0;color:#333;border:0;outline:0;background:transparent;font-size:13px}.field input::placeholder{color:#777;opacity:1}.field:focus-within{border-color:#1686ff}.firstname-field{margin-bottom:0}.form-message{height:34px;margin:0;padding-top:5px;color:#c62828;font-size:11px}.primary-button,.secondary-button{width:100%;height:30px;border-radius:4px;font-size:11px;cursor:pointer}.primary-button{border:1px solid #073dae;background:#073dae;color:#fff}.primary-button:hover{background:#052f88}.secondary-button{margin-top:13px;border:2px solid #1686ff;background:#fff;color:#1686ff}.recovery-links{display:flex;justify-content:center;gap:7px;margin-top:36px;color:#1686ff;font-size:11px}.recovery-action{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:520px){.login-shell{padding-top:24px}.brand-logo{margin-bottom:22px}}.demo-landing-page{min-height:100vh;background:#fff;color:#111}.demo-landing-header{position:fixed;inset:0 0 auto;z-index:2;height:66px;justify-content:space-between;padding:0 47px;background:linear-gradient(90deg,#0641b7,#09a2db)}.demo-landing-brand,.demo-landing-header{display:flex;align-items:center;color:#fff}.demo-landing-brand{gap:12px;font-size:13px;font-weight:600}.demo-landing-brand img{width:32px;height:auto}.demo-contact{display:inline-flex;align-items:center;gap:11px;color:#fff;font-size:13px;font-weight:700}.demo-contact-icon{position:relative;width:15px;height:18px;border:1.5px solid #fff;border-bottom:0;border-radius:8px 8px 0 0}.demo-contact-icon:after,.demo-contact-icon:before{position:absolute;top:9px;width:4px;height:8px;border:1.5px solid #fff;background:transparent;content:""}.demo-contact-icon:before{left:-4px;border-radius:4px 0 0 4px}.demo-contact-icon:after{right:-4px;border-radius:0 4px 4px 0}.demo-landing-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;padding-top:66px}.demo-landing-image-panel{position:relative;min-height:calc(100vh - 66px);overflow:hidden;background:#0b2853}.demo-landing-image-panel img{width:100%;height:100%;min-height:calc(100vh - 66px);object-fit:cover;object-position:center;display:block}.demo-landing-image-panel:after{position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 31 83/10%),rgb(0 31 83/34%));content:""}.demo-landing-actions{position:relative;min-height:calc(100vh - 66px);display:flex;align-items:center;justify-content:center;padding:78px 24px 96px;background:#fff}.demo-action-center{width:min(100%,360px);margin-top:-14px;text-align:center}.demo-action-center h2{margin:0 0 32px;color:#000;font-size:26px;font-weight:400;line-height:1.25}.demo-register-copy{margin:0 0 74px;color:#333;font-size:14px;line-height:1.45}.demo-action-buttons{display:flex;flex-direction:column;gap:16px;margin:0 auto 35px}.demo-register-button,.demo-signin-button{width:216px;height:35px;margin:0 auto;border-radius:18px;font-size:12px;font-weight:700;line-height:35px;text-align:center}.demo-signin-button{display:block;border:1px solid #0545b8;background:#0545b8;color:#fff;text-decoration:none}.demo-register-button{border:1px solid #0545b8;background:#fff;color:#0545b8;cursor:default}.demo-terms{margin:0 0 35px;color:#666;font-size:12px;line-height:1.45}.demo-invitation span,.demo-terms span{color:#468ce7}.demo-invitation{margin:0;color:#777;font-size:12px;line-height:1.45}@media (max-width:760px){.demo-landing-header{height:58px;padding:0 22px}.demo-landing-brand span{display:none}.demo-landing-split{grid-template-columns:1fr;padding-top:58px}.demo-landing-image-panel,.demo-landing-image-panel img{min-height:42vh}.demo-landing-actions{min-height:auto;padding:54px 22px 84px}.demo-action-center{margin-top:0}.demo-action-center h2{font-size:23px}.demo-register-copy{margin-bottom:46px}}