:root{--navy:#04344c;--cyan:#b0edf9;--white:#fff;--panel:#041b2ed1}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{background:var(--navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.register-page{align-items:center;width:100%;min-height:100vh;padding:120px 0 40px 6%;display:flex;position:relative;overflow:hidden}.register-background{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.register-overlay{z-index:1;background:linear-gradient(90deg,#02152447 0%,#0215241a 50%,#02152405 100%);position:absolute;inset:0}.register-content{z-index:2;flex-direction:column;width:min(560px,46vw);display:flex;position:relative}.register-logo{width:fit-content;margin-bottom:16px;display:block}.register-logo img{width:220px;height:auto;display:block}.register-card{background:var(--panel);-webkit-backdrop-filter:blur(8px);width:100%;color:var(--white);border:1px solid #b0edf938;border-radius:34px;padding:30px 40px 34px;box-shadow:0 20px 60px #00000038}.register-card h1{text-align:center;margin-bottom:28px;font-size:30px}.register-card h1 span{color:var(--cyan)}.form-errors{color:#ffd1d1;background:#ff60601f;border:1px solid #ff969659;border-radius:12px;margin:0 0 18px;padding:12px 14px;font-size:14px;line-height:1.45}.form-errors p{margin:0}.form-group{margin-bottom:14px}.form-group label{color:#fff;margin-bottom:8px;font-size:16px;display:block}.input-wrapper{position:relative}.input-wrapper input{caret-color:#fff;border:1px solid #ffffff2e;border-radius:16px;outline:none;width:100%;height:56px;padding:0 55px 0 52px;font-size:16px;color:#fff!important;background:#64778a61!important}.input-wrapper input::placeholder{color:#ffffff8c}.input-wrapper input:focus{border-color:var(--cyan);background:#64778a61!important}.input-icon{color:#fff;z-index:5;pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.password-wrapper{position:relative}.password-wrapper input{padding-right:55px!important}.toggle-password{color:#ffffffbf;cursor:pointer;z-index:5;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:17px;transition:color .2s,transform .2s;display:flex;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.toggle-password:hover{color:#b0edf9}.toggle-password:focus,.toggle-password:active{box-shadow:none;background:0 0;outline:none}.toggle-password i{pointer-events:none}.input-wrapper input:-webkit-autofill{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border:1px solid #ffffff2e!important;box-shadow:inset 0 0 0 1000px #30485d!important}.input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border:1px solid #ffffff2e!important;box-shadow:inset 0 0 0 1000px #30485d!important}.input-wrapper input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border:1px solid #ffffff2e!important;box-shadow:inset 0 0 0 1000px #30485d!important}.input-wrapper input:-webkit-autofill:active{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border:1px solid #ffffff2e!important;box-shadow:inset 0 0 0 1000px #30485d!important}.register-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.btn-back,.btn-register{cursor:pointer;border:none;border-radius:17px;justify-content:center;align-items:center;height:58px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.btn-back{color:#fff;background:#005274}.btn-register{background:var(--cyan);color:#082a3b}.register-footer{justify-content:center;align-items:center;gap:28px;margin-top:26px;font-size:16px;display:flex}.register-footer a{color:var(--cyan);font-weight:700;text-decoration:none}@media (width<=850px){.register-page{justify-content:center;padding:105px 22px 30px}.register-content{width:min(100%,560px)}.register-background{object-position:62% center}}@media (width<=560px){.register-page{padding:85px 14px 24px}.register-logo img{width:170px}.register-card{padding:24px 20px}.register-card h1{font-size:24px}.register-actions{gap:10px}.register-footer{text-align:center;flex-direction:column;gap:8px}}