.form-group,.input-wrapper{position:relative}:root{--primary:#10b981;--primary-dark:#047857;--bg-color:#f0fdf4;--text-dark:#1f2937;--text-muted:#6b7280;--white:#ffffff;--shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1),0 8px 10px -6px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:var(--bg-color);color:var(--text-dark);display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:linear-gradient(135deg,#f0fdf4 0,#d1fae5 100%)}.login-card{background-color:var(--white);border-radius:16px;box-shadow:var(--shadow);width:100%;max-width:420px;padding:40px;animation:.5s ease-out slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand{text-align:center;margin-bottom:30px}.brand i{font-size:40px;color:var(--primary);margin-bottom:10px}.brand h1{font-size:24px;font-weight:700;color:var(--primary-dark)}.brand p{font-size:14px;color:var(--text-muted)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:var(--text-dark)}.input-wrapper i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.form-control{width:100%;padding:12px 15px 12px 45px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:var(--transition);outline:0}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.2)}.btn-login{width:100%;padding:12px;background-color:var(--primary);color:var(--white);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px}.btn-reset,.forgot-password a{font-weight:500;transition:var(--transition)}.btn-login:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn-login:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.forgot-password{text-align:center;margin-top:20px}.forgot-password a{color:var(--primary);font-size:13px;text-decoration:none;cursor:pointer}.forgot-password a:hover{color:var(--primary-dark);text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:var(--transition)}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);transform:scale(.9);transition:var(--transition)}.btn-reset,.close-modal{border:none;cursor:pointer}.modal-overlay.show .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:18px;color:var(--text-dark)}.close-modal{background:0 0;font-size:20px;color:#6b7280}.btn-reset{width:100%;padding:10px;background-color:var(--text-dark);color:#fff;border-radius:8px}.btn-reset:hover{background-color:#000}.logo{width:100%;align-content:center}