:root{--bg: #F5F5F5;--white-1: #ffffff;--black-1: #1A1A1A;--gray-1: #666666;--blue-1: #00305b;--blue-2: #001f3f;--text-dark: #1A1A1A;--border-color: #DDDDDD;--shadow-light: #ffffff;--shadow-dark: #d5d5d5;--accent-cyan: #31aeca;--transition: 1.25s}.brand-logo{height:50px;margin-top:10px;margin-bottom:10px;object-fit:contain}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Inter,sans-serif;font-size:12px;background-color:var(--bg);color:var(--gray-1);overflow-x:hidden}.background-title{margin-bottom:30px;font-size:32px;font-weight:800;letter-spacing:2px;color:var(--blue-1);opacity:.15;text-transform:uppercase}.main{position:relative;width:clamp(480px,96vw,1000px);min-height:600px;padding:25px;background-color:var(--bg);border-radius:20px;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);overflow:hidden}.container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;width:60%;height:100%;padding:25px;background-color:var(--bg);transition:var(--transition) ease-in-out}.form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;transition:var(--transition) ease-in-out}.title{font-size:32px;font-weight:800;line-height:2;color:var(--text-dark);white-space:nowrap}.form__icons{display:flex;justify-content:center;align-items:center;margin:10px 0}.form__icon-btn{width:46px;height:46px;margin:0 10px;border-radius:50%;border:none;outline:none;background-color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);transition:.25s ease}.form__icon-btn:hover{box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.form__icon-btn:active{transform:scale(.95)}.linkedin-icon-btn{color:#0a66c2}.linkedin-icon-btn:hover{color:#004182}.form__row{display:flex;gap:10px;width:clamp(240px,80%,350px);margin:5px 0}.floating-input-group{position:relative;width:clamp(240px,80%,350px);margin:5px 0}.floating-input-group.half{width:calc(50% - 5px)}.form__span{font-size:11px;margin-bottom:15px;color:var(--gray-1)}.form__input{width:100%;height:48px;padding:18px 20px 4px;font-size:13px;letter-spacing:.15px;border:none;outline:none;border-radius:8px;font-family:Inter,sans-serif;color:var(--text-dark);background-color:var(--bg);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light);transition:.3s ease}.floating-input-group label{position:absolute;left:20px;top:15px;font-size:13px;color:var(--gray-1);pointer-events:none;transition:transform .2s ease,font-size .2s ease,color .2s ease;transform-origin:left top}.floating-input-group input:focus~label,.floating-input-group input:not(:placeholder-shown)~label{transform:translateY(-8px) scale(.75);color:var(--blue-1)}.form__input::placeholder{color:var(--gray-1)}.form__input:focus{box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.form__link{color:var(--text-dark);font-size:13px;margin-top:15px;border-bottom:1px solid var(--gray-1);line-height:2;text-decoration:none;cursor:pointer}.button{width:180px;height:50px;border-radius:25px;margin-top:25px;font-weight:700;font-size:13px;letter-spacing:1.15px;border:none;outline:none;cursor:pointer;transition:.25s ease}.form__button{background-color:var(--blue-1);color:var(--white-1);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.form__button:hover{background-color:var(--accent-cyan)}.form__button:active{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.form__button:disabled{background-color:var(--shadow-dark);color:#888;cursor:not-allowed;box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light);transform:none}.reset-main{width:clamp(360px,96vw,450px);height:auto;min-height:520px;padding:30px;display:flex;justify-content:center;align-items:center}.a-container{z-index:100;left:40%}.b-container{left:40%;z-index:0}.switch{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:40%;padding:50px;z-index:200;background:linear-gradient(135deg,#00305b,#31aeca);box-shadow:4px 4px 10px var(--shadow-dark),-4px -4px 10px var(--shadow-light);overflow:hidden;transition:var(--transition) ease-in-out}.switch__circle{position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(-45deg,#024,#00305b);box-shadow:inset 8px 8px 12px #0000004d,inset -8px -8px 12px #ffffff14;bottom:-60%;left:-60%;transition:var(--transition) ease-in-out}.switch__circle--t{top:-30%;left:60%;width:300px;height:300px}.switch__container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;width:100%;padding:50px 55px;transition:var(--transition) ease-in-out}.switch__title{color:var(--white-1);font-size:30px}.switch__description{color:#e0e6ed;font-size:13px;text-align:center;margin:15px 0 25px;line-height:1.6}.switch__button{background-color:transparent;color:var(--white-1);border:2px solid var(--white-1);box-shadow:none}.switch__button:hover{background-color:var(--white-1);color:#00305b;box-shadow:0 4px 15px #00000026}.switch__button:active{transform:scale(.95)}.is-txr{left:60%;transition:var(--transition) ease-in-out}.is-txl{left:0;transition:var(--transition) ease-in-out}.is-z200{z-index:200;transition:var(--transition) ease-in-out}.is-hidden{visibility:hidden;opacity:0;position:absolute;transition:var(--transition) ease-in-out}.is-gx{animation:is-gx var(--transition) ease-in-out}@keyframes is-gx{0%,10%,to{width:40%}30%,50%{width:50%}}.mobile-only-toggle{display:none;margin-top:20px;font-size:12px;color:var(--gray-1)}.toggle-link{color:var(--blue-1);font-weight:700;cursor:pointer;text-decoration:underline}@media (max-width: 768px){.main{padding:15px}.switch,.switch__container{padding:30px 25px}.switch__title{font-size:22px}.switch__description{font-size:12px;margin:10px 0 16px}}@media (max-width: 480px){body{padding:20px;height:auto;min-height:100vh;overflow-y:auto}.background-title{font-size:24px;margin-bottom:20px;text-align:center}.main{width:100%;max-width:420px;height:auto;min-height:480px;padding:20px;border-radius:16px}.container{position:relative;width:100%;height:auto;padding:20px 10px;left:0!important;background-color:transparent}.a-container{display:none}.b-container{display:flex;z-index:100}.form__input{width:100%}.floating-input-group{width:100%;max-width:380px}.floating-input-group.half{width:calc(50% - 5px)}.form__row{width:100%;max-width:380px}.switch{display:none!important}.mobile-only-toggle{display:block}.social-login-btn{width:100%;max-width:320px}}.password-validation-cnt{display:flex;flex-wrap:wrap;gap:6px 12px;width:clamp(240px,80%,350px);margin-top:5px;margin-bottom:5px;font-size:10px;padding-left:5px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease}.password-validation-cnt.is-visible{max-height:100px;opacity:1}.validation-rule{width:calc(50% - 8px);color:var(--gray-1);display:flex;align-items:center;gap:4px;transition:color .25s ease;font-weight:500}.validation-rule:before{content:"●";margin-right:4px;font-size:10px;display:inline-block;transition:transform .2s ease}#rule-match{width:100%}.validation-rule.valid{color:#2e7d32}.validation-rule.valid:before{content:"✔";color:#2e7d32;font-weight:700;transform:scale(1.2)}.validation-rule.invalid{color:#d32f2f}.validation-rule.invalid:before{content:"✖";color:#d32f2f;font-weight:700}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.password-toggle-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;outline:none;color:var(--gray-1);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;z-index:10;transition:color .2s ease}.password-toggle-btn:hover{color:var(--blue-1)}.password-toggle-btn svg{display:block;width:20px;height:20px}.floating-input-group.has-toggle input{padding-right:48px}