.login-screen-wrapper{background:var(--bg,var(--cream));justify-content:center;align-items:center;width:100%;min-height:100vh;transition:opacity .3s,transform .3s;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);width:min(100%,420px);box-shadow:var(--shadow);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:28px;padding:48px 32px;animation:.6s cubic-bezier(.16,1,.3,1) both loginFadeUp;display:flex}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-logo{background:var(--olive);color:#fff;border-radius:16px;place-items:center;width:56px;height:56px;font-size:26px;font-weight:800;animation:2s infinite alternate logoPulse;display:grid;box-shadow:0 8px 20px #7c8b4f4d}@keyframes logoPulse{0%{transform:scale(1);box-shadow:0 8px 20px #7c8b4f40}to{transform:scale(1.04);box-shadow:0 12px 24px #7c8b4f66}}.login-title h1{color:var(--ink);letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:700}.login-title p{color:var(--sub);margin:6px 0 0;font-size:13.5px}.login-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--dark);text-transform:uppercase;letter-spacing:.05em;margin-left:2px;font-size:11.5px;font-weight:700}.input-field-wrapper{align-items:center;display:flex;position:relative}.input-field-wrapper i{color:var(--sub);pointer-events:none;font-size:19px;transition:color .2s;position:absolute;left:16px}.input-field-wrapper input{width:100%;height:48px;color:var(--ink);background:var(--cream);border:1px solid var(--line);box-sizing:border-box;border-radius:12px;outline:none;padding:0 16px 0 44px;font-size:16.8px;transition:all .25s}.input-field-wrapper input:focus{border-color:var(--olive);background:#fff;box-shadow:0 0 0 3px #7c8b4f26}.login-options{justify-content:space-between;align-items:center;margin-top:-4px;font-size:12.5px;display:flex}.checkbox-label{color:var(--sub);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.checkbox-label input{display:none}.custom-checkbox{border:1.5px solid var(--line);background:#fff;border-radius:6px;place-items:center;width:18px;height:18px;transition:all .2s;display:grid}.checkbox-label input:checked+.custom-checkbox{background:var(--olive);border-color:var(--olive)}.checkbox-label input:checked+.custom-checkbox:after{content:"✓";color:#fff;font-size:16.8px;font-weight:800}.login-options a{color:var(--sub);font-weight:500;text-decoration:none;transition:color .2s}.login-options a:hover{color:var(--olive)}.login-submit-btn{background:var(--dark);color:#fff;cursor:pointer;box-sizing:border-box;border:none;border-radius:12px;width:100%;height:48px;padding:0 16px;font-size:16.8px;font-weight:700;transition:all .25s;box-shadow:0 4px 12px #504b4726}.login-submit-btn:hover{background:var(--olive);transform:translateY(-2px);box-shadow:0 6px 16px #7c8b4f40}.login-submit-btn:active{transform:translateY(0)}.login-footer-hint{text-align:center;color:var(--sub);background:var(--cream);border:1px solid var(--line);border-radius:12px;margin-top:8px;padding:12px;font-size:11.5px;line-height:1.5}@media (max-width:899px){.login-screen-wrapper{padding:0}.login-card{width:100%;min-height:100vh;box-shadow:none;border:none;border-radius:0;justify-content:center;padding:56px 24px}}