body { font-family: 'Segoe UI', system-ui, sans-serif; background: #ECEFF1;
       display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; }
.reset-card { background: white; padding: 36px; border-radius: 12px;
              box-shadow: 0 6px 24px rgba(0,0,0,0.12); max-width: 420px; width: 100%; }
.reset-card h2 { margin: 0 0 8px; color: #1565C0; }
.reset-card p.sub { margin: 0 0 24px; color: #607D8B; font-size: 13px; }
.reset-card label { font-size: 12px; font-weight: 600; color: #546E7A;
                    text-transform: uppercase; display: block; margin-top: 12px; }
.reset-card .ui-inputtext, .reset-card .ui-password { width: 100%; padding: 10px;
                    border: 1px solid #CFD8DC; border-radius: 8px; }
.reset-card .ui-button { width: 100%; margin-top: 18px; background: #2E7D32; border: 0;
                         padding: 12px; border-radius: 8px; color: white; font-weight: 600; }
.reset-card a { display: block; text-align: center; margin-top: 14px; color: #1565C0; font-size: 13px; }