:root{--bg-start:#e9f0e4;--bg-end:#dce6d4;--brand:#227402;--brand-600:#426902;--brand-700:#0a4203;--text:#1f2233;--muted:#7a7f98;--border:#e8e8ef;--shadow: 0 10px 30px rgba(21, 20, 51, .08);--ring: 0 0 0 4px rgba(3, 150, 89, .15)}*{box-sizing:border-box}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 80% -10%,rgba(106,27,154,.12),transparent 60%),radial-gradient(900px 500px at -10% 100%,rgba(106,27,154,.1),transparent 60%),linear-gradient(135deg,var(--bg-start),var(--bg-end))}.login-card{width:100%;max-width:460px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);border-radius:18px;padding:clamp(20px,5vw,30px);box-shadow:var(--shadow);animation:cardIn .5s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.shake{animation:shake .28s ease-in-out 0s 1}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.login-header{text-align:center;margin-bottom:18px}.login-logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:124px;height:124px;border-radius:50%;background:linear-gradient(180deg,#fff,#238f02b3);box-shadow:0 8px 24px #00000014,inset 0 0 0 1px #fff}.login-logo{width:100px;height:100px;border-radius:50%;object-fit:cover}.login-title{margin:14px 0 4px;font-weight:700;font-size:clamp(1.25rem,2.2vw,1.6rem);color:var(--text);letter-spacing:.2px}.login-subtitle{margin:0;color:var(--muted);font-size:.95rem}.login-form{margin-top:10px}.form-group{margin-bottom:14px}.form-label{display:block;font-weight:600;color:var(--text);margin-bottom:6px}.modern-input-group{position:relative;display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:#fff;transition:box-shadow .2s ease,border-color .2s ease,transform .05s ease}.modern-input-group:focus-within{border-color:#02680259;box-shadow:var(--ring)}.input-icon{padding-inline:12px;color:var(--muted);display:inline-flex;align-items:center}.modern-input{border:none!important;outline:none!important;height:46px;padding:0 12px;font-size:.98rem;color:var(--text);width:100%;background:transparent}.modern-input::placeholder{color:#a2a7bd}.toggle-btn{margin-right:6px;border:none;background:transparent;padding:8px 10px;border-radius:10px;color:#8288a7;cursor:pointer;transition:background .15s ease,color .15s ease}.toggle-btn:hover{background:#f3f4f9;color:var(--brand-600)}.modern-btn{background:linear-gradient(180deg,var(--brand),var(--brand-600));color:#fff!important;font-weight:600;border:none;border-radius:12px!important;height:48px;letter-spacing:.3px;transition:transform .05s ease,box-shadow .2s ease,filter .2s ease,opacity .2s ease;box-shadow:0 8px 20px #05740240}.modern-btn:hover{filter:brightness(1.03);box-shadow:0 10px 24px #01632647}.modern-btn:active{transform:translateY(1px)}.modern-btn[disabled]{opacity:.7;cursor:not-allowed;box-shadow:none}.btn.btn-block{width:100%}.btn-loader{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.modern-alert{border-radius:12px;border:1px solid #5ff822;background:#fff6f6;color:#9c2b2b;padding:10px 12px;font-weight:600}.login-footer{margin-top:14px;display:flex;justify-content:center}.muted{color:var(--muted);font-size:.85rem}button:focus-visible,.modern-input:focus-visible,.toggle-btn:focus-visible{outline:none;box-shadow:var(--ring);border-radius:12px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 420px){.login-card{padding:18px}.login-logo-wrap{width:108px;height:108px}.login-logo{width:88px;height:88px}}