:root{--green-dark:#606e52;--green-mid:#91a56e;--green-light:#c0cca4;--bg:linear-gradient(180deg,#f4f7ef,#e8efdc);--card-bg:#fff;--text-dark:#474747;--text-muted:#8f8b84;--border:#606e522e;--shadow:0 22px 60px #606e5238;--radius:14px;--ease:.22s cubic-bezier(.2,.9,.3,1)}.login-page{background:var(--bg);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;font-family:Helvetica,Arial,sans-serif;display:flex}.login-box{background:var(--card-bg);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);border:1px solid var(--border);animation:slideUp .5s var(--ease);flex-direction:column;gap:20px;padding:40px 30px;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:10px}.brand-heading{color:var(--green-dark);letter-spacing:-.5px;margin-bottom:8px;font-size:2rem;font-weight:900}.login-subtitle{color:var(--text-muted);font-size:.95rem;font-weight:500}.login-form{flex-direction:column;gap:18px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--green-dark);margin-left:4px;font-size:.85rem;font-weight:700}.login-form input{border:1.5px solid var(--border);color:var(--text-dark);transition:all var(--ease);background:#fff;border-radius:12px;outline:none;padding:13px 16px;font-size:1rem;font-weight:600}.login-form input:focus{border-color:var(--green-mid);background:#fdfdfd;box-shadow:0 0 0 4px #91a56e26}.password-wrap{position:relative}.password-wrap input{box-sizing:border-box;width:100%;padding-right:48px}.pw-toggle{color:var(--text-muted);cursor:pointer;transition:color var(--ease);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--green-dark)}.login-utilities{justify-content:space-between;align-items:center;margin-top:-5px;font-size:.85rem;display:flex}.remember-me{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.remember-me input{accent-color:var(--green-dark);width:16px;height:16px}.forgot-link{color:var(--green-dark);transition:color var(--ease);font-weight:700;text-decoration:none}.forgot-link:hover{color:var(--green-mid);text-decoration:underline}.login-btn{background:linear-gradient(135deg,var(--green-dark),var(--green-mid));color:#fff;cursor:pointer;height:52px;transition:all var(--ease);border:none;border-radius:12px;font-size:1.05rem;font-weight:800;box-shadow:0 10px 25px #606e5240}.login-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 15px 35px #606e5259}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.login-footer{text-align:center;color:var(--text-muted);margin-top:10px;font-size:.9rem;font-weight:600}.login-footer a{color:var(--green-dark);font-weight:800;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-box{padding:30px 20px}.brand-heading{font-size:1.75rem}}.login-divider{text-align:center;color:var(--text-muted);align-items:center;margin:10px 0;font-size:.8rem;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.login-divider span{text-transform:uppercase;letter-spacing:1.5px;padding:0 15px}.google-btn-premium{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:54px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px #606e521a}.google-icon-wrapper{z-index:2;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;display:flex}.btn-text{color:var(--green-dark);z-index:2;letter-spacing:.3px;font-size:1rem;font-weight:700}.btn-shimmer{z-index:1;background:linear-gradient(90deg,#0000,#c0cca433,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.google-btn-premium:hover{border-color:var(--green-mid);background-color:#fafbf9;transform:translateY(-3px);box-shadow:0 10px 20px #606e5226,0 4px 8px #606e520d}.google-btn-premium:hover .btn-shimmer{transition:all .8s;left:200%}.google-btn-premium:hover .google-icon-wrapper{transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:scale(1.15)rotate(5deg)}.google-btn-premium:active{transform:translateY(1px);box-shadow:0 2px 4px #606e521a}.google-btn-premium:disabled{opacity:.7;cursor:wait;background:#f5f5f5}