*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100vw;height:100vh}body .login-page{background:#f7f7f7;justify-content:center;align-items:center;height:100vh;padding:20px;font-family:Arial,sans-serif;display:flex;overflow:hidden}.login-page__container{isolation:isolate;background:linear-gradient(135deg,#1c2b3a 20%,#34495e 100%);border-radius:min(6vw,20px);width:clamp(380px,20vw,420px);max-height:90vh;padding:clamp(2vh,5vw,4vh);transition:transform .3s,box-shadow .3s;position:relative;overflow-y:auto;box-shadow:0 15px 35px #0003}.login-page__form-group{flex-direction:column;align-items:center;max-width:95%;margin:0 auto;display:flex}.login-page__form-group>*{width:100%}.login-page__container:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(135deg,#0000,#0000 2px,#4bffa507 8px,#61616106 9px);border-radius:16px;position:absolute;inset:0}.login-page__container>*{z-index:1;position:relative}.login-page__container:hover{box-shadow:0 20px 40px #00000040}.login-page__logo-login{text-align:center;margin-bottom:clamp(10px,2vw,20px)}.login-page__logo-login img{height:60px}.login-page__h1{color:#f3f3f3;text-align:center;margin-bottom:30px;font-size:clamp(1.3rem,1.3vw,1.6rem);font-weight:500}.login-page__input-group{margin-bottom:clamp(10px,2vw,20px);position:relative}.login-page__input{border:1px solid #ddd;border-radius:16px;width:100%;padding:15px;font-size:clamp(1rem,1.2vw,1.1rem);transition:border .3s}.login-page__input:focus{border-color:#3498db;outline:none;transform:translateY(-.6px);box-shadow:0 4px 12px #0000001a}.login-page__input::placeholder{color:#95a5a6}.login-page__btn-primary{color:#fff;cursor:pointer;background:#27b27f;border:none;border-radius:18px;width:clamp(160px,1.6vw,170px);margin-top:10px;padding:clamp(10px,1vw,12px);font-size:clamp(1.2rem,1.1vw,1.5rem);font-weight:500;transition:all .3s}.login-page__btn-primary:hover{background:#2fc28c;box-shadow:0 5px 15px #0000001a}.login-page__error-message{color:#fff;text-align:center;background:#df3c52;border-radius:8px;margin-top:20px;padding:15px;animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.login-page__footer-text{text-align:center;color:#8a8a8a;flex-direction:column;gap:4px;margin-top:20px;font-size:clamp(.6rem,1vw,.8rem);display:flex}