:root { --primary:#0050ff; --bg:#f4f7ff; --border:#e0e7ff; }
        body { background:var(--bg); font-family:'Segoe UI',sans-serif; display:flex; justify-content:center; align-items:center; min-height:100vh; margin:0; }
        .card { background:#fff; width:90%; max-width:320px; padding:30px; border-radius:20px; box-shadow:0 15px 35px rgba(0,80,255,0.08); }
        .status-msg { padding:12px; border-radius:8px; font-size:12px; text-align:center; margin-bottom:18px; font-weight:600; display:flex; align-items:center; justify-content:center; gap:8px; }
        .success { background:#e8f5e9; color:#2e7d32; border:1px solid #c8e6c9; }
        .error { background:#ffebee; color:#c62828; border:1px solid #ffcdd2; }
        label { font-size:11px; font-weight:800; color:var(--primary); margin-bottom:6px; display:block; }
        .input-box { position:relative; margin-bottom:15px; }
        .input-box i { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--primary); font-size:15px; }
        input { width:100%; height:50px; padding:0 42px; border:1.5px solid var(--border); border-radius:10px; font-size:14px; box-sizing:border-box; outline:none; background:#fcfdff; }
        .btn { width:100%; height:52px; background:var(--primary); color:#fff; border:none; border-radius:10px; font-weight:700; cursor:pointer; font-size:15px; }
        .back { text-align:center; margin-top:20px; font-size:13px; }
        .back a { color:var(--primary); text-decoration:none; font-weight:700; }