:root{--bg:#f5f6f8;--card:#ffffff;--gold:#009933;--gold-l:#00b33c;--gold-d:#00802b;--accent:#dc2626;--text:#1a1a2e;--muted:#6b7280;--border:#e5e7eb;--input-bg:#f9fafb;--radius:14px}
        *{margin:0;padding:0;box-sizing:border-box}
        body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-image:radial-gradient(ellipse at 50% 0%,rgba(0,153,51,0.03) 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(220,38,38,0.02) 0%,transparent 50%)}
        .login-wrap{width:100%;max-width:400px;text-align:center}
        .login-logo{display:inline-block;text-decoration:none;font-family:'Georgia','Times New Roman',serif;font-size:2.2rem;font-weight:900;font-style:italic;color:#1a1a2e;letter-spacing:-1px;margin-bottom:1.5rem}
        .login-wrap h1{font-size:1.6rem;font-weight:700;letter-spacing:-0.3px;margin-bottom:0.3rem;color:#1a1a2e}
        .login-wrap .subtitle{font-size:0.85rem;color:var(--muted);margin-bottom:2rem}
        .alert{background:rgba(220,38,38,0.06);border:1px solid rgba(220,38,38,0.15);color:#dc2626;padding:0.7rem 1rem;border-radius:10px;font-size:0.8rem;margin-bottom:1.5rem;font-weight:500}
        .form-group{margin-bottom:1rem;text-align:left}
        .form-group label{display:block;font-size:0.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:0.35rem}
        .input-wrap{position:relative}
        .input-wrap input{width:100%;padding:0.85rem 2.8rem;background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:0.9rem;font-family:inherit;transition:all 0.25s ease;outline:none}
        .input-wrap input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(0,153,51,0.08);background:#fff}
        .input-wrap input::placeholder{color:#9ca3af;font-weight:300}
        .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:0.95rem;color:var(--muted);pointer-events:none}
        .toggle-pw{position:absolute;right:0.9rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:0.95rem;padding:0.3rem;transition:color 0.2s}
        .toggle-pw:hover{color:var(--text)}
        .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:0.78rem}
        .remember-me{display:flex;align-items:center;gap:0.4rem;color:var(--muted);cursor:pointer}
        .remember-me input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px;cursor:pointer}
        .forgot-link{color:var(--gold);text-decoration:none;font-weight:600;transition:color 0.2s;font-size:0.78rem}
        .forgot-link:hover{color:var(--gold-d)}
        .btn-submit{width:100%;padding:0.9rem;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;font-weight:700;font-size:0.95rem;border:none;border-radius:50px;cursor:pointer;transition:all 0.3s ease;letter-spacing:0.3px;font-family:inherit;box-shadow:0 4px 20px rgba(0,153,51,0.2)}
        .btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,153,51,0.3)}
        .btn-submit:active{transform:scale(0.97)}
        
        .divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--muted);font-size:0.75rem;text-transform:uppercase;letter-spacing:1px}
        .divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid var(--border)}
        .divider span{margin:0 1rem}
        .btn-google{width:100%;padding:0.85rem;background:#fff;color:#1f1f1f;font-weight:600;font-size:0.9rem;border:1.5px solid var(--border);border-radius:50px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.7rem;font-family:inherit;box-shadow:0 1px 3px rgba(0,0,0,0.04);text-decoration:none}
        .btn-google:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.08);border-color:#d1d5db}
        .btn-google:active{transform:scale(0.97)}
        
        .login-footer-text{margin-top:1.5rem;font-size:0.82rem;color:var(--muted)}
        .login-footer-text a{color:var(--gold);text-decoration:none;font-weight:700;transition:color 0.2s}
        .login-footer-text a:hover{color:var(--gold-d)}
        .secure-note{margin-top:0.8rem;font-size:0.68rem;color:#9ca3af;display:flex;align-items:center;justify-content:center;gap:0.3rem}
        .back-link{display:inline-block;margin-top:2rem;color:var(--muted);text-decoration:none;font-size:0.8rem;transition:color 0.2s}
        .back-link:hover{color:var(--text)}
        @media(max-width:480px){body{padding:1.2rem}.login-wrap h1{font-size:1.4rem}}