.login-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;border:1px solid #ccc;display:flex;flex-direction:column;align-items:center;padding:40px;}.login-header{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;}.login-header>img{display:block;width:130px;}.login-header>.title{font-family:var(--font-alt);font-size:32px;color:var(--ptaj-red);}.login-intro{text-align:center;margin:40px 0;font-size:14px;color:var(--ptaj-grey);}@media all and (max-width:600px){.login-panel{width:100%;border:none;padding:20px}.login-header{flex-direction:column;gap:15px}}form.login-form{display:flex;flex-direction:column;gap:20px;width:100%;}.login-field{display:flex;flex-direction:column;position:relative;}.login-field>label{font-size:14px;margin-bottom:5px;color:var(--ptaj-grey);}.login-field>.login-input-wrap{position:relative;height:46px;display:flex;align-items:center;gap:20px;border:1px solid #888;background-color:var(--ptaj-blue);color:white;border-radius:4px;padding:0 20px;}.login-field>.login-input-wrap>input{width:100%;height:100%;border:none;background-color:transparent;color:white;font-size:16px;}.login-field>.login-input-wrap:focus-within{border:solid 1px white;}button.btn-login{width:100%;height:46px;background-color:transparent;color:var(--ptaj-robin);font-size:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:20px;transition:all .2s ease-in-out;}button.btn-login:hover{gap:10px;}button.btn-login:disabled{opacity:.5;cursor:not-allowed;}.login-assurance{margin-top:50px;font-size:14px;color:var(--ptaj-grey);display:flex;align-items:center;gap:15px;}.credit{text-align:center;font-size:.75em;padding:20px;line-height:1.5em;position:absolute;width:100%;top:calc(100% + 5px);color:var(--ptaj-grey);white-space:nowrap;}.credit a{display:inline-block;font-weight:600;color:var(--ptaj-grey);}.credit a:hover{color:var(--ptaj-robin);}